如何选择具有特定ID父级的图像元素？

Question

<div id="someId_123">
     <img class"testClass"/>
</div>

使用JQuery，我想根据它的类选择这个图像，以及div的id中有“123”的事实。

Answer 1

$("div[id*='123'] img.testClass")

Answer 2

您应该可以使用'[id*="123"] > .testClass'。 >指定父子关系。

Answer 3

我认为这样做：

$("div[id*=123] img.testClass")

Answer 4

$(":div[id*=123] img.testClass");

这是一个有效的jsFiddle：http://jsfiddle.net/leniel/EdTF8/2/

HTML代码中也有拼写错误：

<img class"testClass"/>

应该是：

<img class="testClass"/>

我花了几分钟试图找出jsFiddle无法正常工作的原因。这只是因为你没有在班级名称前加上=符号。

Answer 5

这将在ID中的任何位置搜索123，并使用类testClass获取图像。

$('[id*="123"] img.testClass')

如果你想要它是动态的，只需：

$('[id*="' + idNumber + '"] img.' + className)

jsFiddle Demo

Answer 6

怎么样：

$('img.testClass', '[id*="123"]')

Answer 7

首先抓取指定类的所有图像（比选择所有节点更有效），然后筛选父级具有符合特定条件的ID的图像。

$('.testClass').filter(function(){ return this.parent().attr('id').match(/123/) })