如何使用jquery检查锚文本是否包含图像标记？

Question

如何使用jquery检查锚文本是否包含图像标记。我试过这里是 Fiddle

例如：

<a href="link"><img src="image.jpg"/></a>

如果锚文本包含img src然后执行某些操作，是否可以检查条件。

任何建议都会很棒。

谢谢， 维基

Answer 1

您可以使用Jquery has()

   if($("a").has("img")){
  // do some thing here 
  }   

参考：jquery filtering has + not

Answer 2

您必须比较.length是否大于0 - 如果是，则有图像。

按照示例：

if($('a').find('img').length > 0) {
   alert("There is an image.");
} else {
   alert("There isn't an image.");
}

jsFiddle right here.

Answer 3

尝试.has() 它会将匹配元素集合减少为具有与选择器或DOM元素匹配的后代的元素。：

if($("a").has("img")) { 
    alert("Yes it has"); 
} else { 
    alert("No it donot"); 
}

点击此处了解详情：http://api.jquery.com/has/

参见demo（jsFiddle）。

Answer 4

如果has()功能不起作用，只需添加更多选项，即可使用此功能：

jQuery("a > img").on("click", function(){
   //alert("image anchor!");
});