Jquery排除没有<a href="#"> inside</a>的元素

Question

如何从这个选择元素中排除内部没有href =“＃”？ 我希望我的东西只针对具有href =“＃”的.leading执行... 谢谢

//js
$(".leading").hover(function(){
// do stuff
}

//DOM
<div class=".leading"><div ><a href="#"> <img src="img1.jpg" /> jquery affected </a></div></div>
<div class=".leading"><div ><img src="img2.jpg" /> jquery not affected </div></div>

Answer 1

我相信这样的事情：

$('.leading:has(a[href=#])');

请注意，您的类不应在HTML本身中使用点.前缀。

Answer 2

$("div.leading div a[href='#']")

...只会选择href属性设置为值#的锚标记。

然后，您可以使用.parent().parent()向前走到div.leading元素。

同样在您的示例HTML中，您使用.leading作为无效的类名，它应该是leading。