如果您有以下代码:
<div class="container">
<a href="http://testing.test/photo.jpg">
<img src="http://testing.test/photo.jpg">
</a>
<a href="http://testing.test/photo.jpg">
<img src="http://testing.test/photo-450x450.jpg">
</a>
<a href="http://testing.test/photo.jpg">
<img src="http://testing.test/photo-150x150.jpg">
</a>
<a href="http://somethingdifferent.test">
<img src="http://testing.test/photo.jpg">
</a>
</div>
我正在尝试向 A 标签中添加一个类,其中包含图像。
所以我有
$(".container").find('a').has("img").each(function () {
$(this).addClass("testingClass");
});
但是,现在我想添加一个额外的检查。仅当包装它的图像 src + a href 相同或“相似”时,我才想添加该类(它们最后只有缩略图大小,即 -150x150)。
换句话说,在上面的 HTML 代码中,它将类添加到<a>
1、2、3 而不是 4。
我怎样才能在 Javascript/jQuery 中做到这一点?对于第一个 a 标签,我可以简单地比较 src 值和 href 值,如果相同 = 那么 true/add 类。但是其他的并不完全一样,而且会被证明是错误的,有没有办法做到这一点?
谢谢大家的任何提示