javascript - 如何迭代 TR > img

Question

我试图循环遍历 TR:Img 并查找该 TR 是否有类，但我收到此错误:

Error: Syntax error, unrecognized expression:

HTML:

<tr id="ItemDetail:0:parent"> 
    <td>
        <a id="itemDetail:0:linkShowHide" 
            name="itemDetail:0:linkShowHide" 
                href="javascript:toggleRow('itemDetail:0')">
            <img class="showDetail" id="itemDetail:0:Img" src="/s.gif"></a>
    </td>
   </tr>

Jquery:

$("[id*='parent']':Img'").each(function(){
   var x = $(this);
   if(x.hasClass("showDetail"))
   {
      alert('gotit');
   }
})

Answer 1

Error: Syntax error, unrecognized expression:

您收到此消息是因为选择器无效..

更改此选择器语法

$("[id*='parent']':Img'")

至

$("[id*='parent'] img")

注意id选择器和img之间的空格。选择器之间的空格用于指定父子关系(对于任何深度级别)。

上面的选择器意味着...查找位于 id 包含父元素的任何级别的 parenrt 元素内的 img 元素。

感谢 Matt Browne 在下面的评论中指出了这一点。

此外，如果您的目的是仅获取具有 showDetail 的 img 标记，那么也将其添加到选择器中。并且您可以消除里面的 If 检查..

$("[id*='parent'] img.showDetail")

这只会为您提供具有指定类的 img 标签..

希望这有帮助。