如何选择具有特定 src 的子图像的所有 Div？

Posted 2023-02-25

【中文标题】如何选择具有特定 src 的子图像的所有 Div？

【英文标题】：How to Select All Div's which have a children image with some specfic src?

【发布时间】：2012-05-11 06:44:17

【问题描述】：

假设我有，

<div>
  <img src='aaBB_a.png' />
</div>

<div>
  <img src='aaa_a.png' />
</div>

<div>
  <img src='aaBB_a.png' />
</div>

我需要选择所有包含 src 包含 BB_ 的 img 子项的 div（不是图像）。在上面的例子中，我需要选择第一个和第三个（不是第二个）。这个我试过了，

'div img[src*="BB_"]',

但它选择的是图像而不是 div。

更新：我需要将此传递给 jquery 委托，

$('#container').delegate('div img[src*="BB_"]','mouseover',function() )

【参考方案1】：

使用 jQuery has() 将初始结果过滤到具有这些后代的那些

var divsBB = $('div').has('img[src*="BB_"]');

对于selector version :has()：

$('#container').delegate('div:has(>img[src*="BB_"])','mouseover',function()...)

【讨论】：

一个选择器不可能，因为我需要将它传递给 jquery 委托。

@user960567 这是如何通过的？你可以在你的帖子中显示吗？顺便说一句，您可以将委托链接到它。

谢谢。有用。还要选择其他父母。例如，div img 的父级。我只需要选择立即 div。

这对我有用，div:has(>img[src*="BB_"])。请更新您的答案。非常感谢。

我在方法版本中尝试过，但没有奏效。我猜它适用于选择器版本：D

【参考方案2】：

$('div img[src*="BB_"]').parent("div");

我认为这会奏效

【讨论】：

一个选择器不可能，因为我需要将它传递给 jquery 委托。

【参考方案3】：

您可以使用$('some_kind_img').parent()获取每个标签的父级