JSFiddle - React, Tailwind, and code Playground
HTML
<div class="textwidget">
<img src="share.jpg">
</div>
<div class="textwidget">
<img src="share2.jpg">
</div>
<div class="textwidget">
<div class="foo">
<img src="share.jpg">
</div>
</div>
JavaScript
var results = {};
// css selector, targets the imgs direct and then returns their closes textwidget parent
results.css = document.getElements("div.textwidget img[src=share.jpg]").getParent("div.textwidget");
// css selector, divs array filtered by existance of a child img
results.mixedFilter = document.getElements("div.textwidget").filter(function(el) {
return el.getElement("img[src=share.jpg]");
});
// checking vs img src properties of all child imgs
results.longwinded = [];
document.getElements("div.textwidget").each(function(el) {
var imgs = el.getElements("img");
if (!imgs.length) return;
if (imgs.some(function(im) {
return im.get("src") == "share.jpg";
})) results.longwinded.push(el);
});
console.log(results);