JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="query" class="clicked inline">
    <li> <a class="filterterm" href="#">×</a>
 <span class="term">design</span>

    </li>
    <li> <a class="filterlink" href="http://www.askgraphics.com/">×</a>
 <span class="bingresult">Website design, Blog design and Web..</span>

    </li>
    <li> <a class="filterimg" href="http://www.askgraphics.com">
         <img class="imgresult" width="60px" border="1px" height="60px"    src="http://farm8.staticflickr.com/7423/13129389874_a07ced37ee_t.jpg" alt="Image" />
     </a>
 <span class="imageterm"></span>

    </li>
</ul>

JavaScript

$('.term').each(function (i, termEl) {
    //  console.log(" Term Data: ", termEl.textContent);
});

$('.imgresult, .filterimg ').each(function (i, imgEl) {
    alert(imgEl.href);
    alert(imgEl.src);
    //console.log(" Image Data: ", imgEl.href);
});

$('.bingresult, .filterlink').each(function (i, aEl) {
    //   console.log(" Link Data: ", aEl.textContent, aEl.href);
    alert(aEl.textContent);
    alert(aEl.href);

});

$('.videoresult').each(function (i, videoEl) {
    //   console.log(" Video Data: ", videoEl.href);
});