javascript - 影响所有图像的脚本，而不是仅影响包含特定文本的 div 中的图像 (jQuery)

Question

我已经尝试通过多种方式(使用 if 语句和 each 语句)编辑此代码，但没有任何效果。这个想法很简单；如果一个 div 包含此特定文本，我只想更改该 div 中图像的 src 属性。

我似乎无法弄清楚我错过了什么。下面的代码更改了具有该类的所有 div 中的所有图像，而不仅仅是包含特定文本的图像。我曾尝试在“this”中工作，但显然不明白它如何影响功能。

$(document).ready(function(){
    $('.my-content').filter(':contains("Top")').find('img').attr("src", "http://www.samplestuff.com/kids/test.png");
});

有人能给我指出我需要更改的正确方向，以使脚本仅针对包含文本的 div 中的图像，而不是具有该类的所有 div，因为其中一个 div 确实包含该文本(我认为这就是触发它的原因；我也可能对此不以为然)。

Answer 1

试试这个:

$(document).ready(function(){
    $('.my-content:contains("Top")').find('img').attr("src", "http://www.samplestuff.com/kids/test.png");
});

<德尔> See jQuery :contains docs

编辑
其实我认为你的答案也应该有效。似乎在此 jsfiddle 中工作正常, 你能发布你的标记吗？

$('div').filter(':contains("Top")').css("color", "red")

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>Top</div>
<div>Right</div>
<div>Bottom</div>
<div>Left</div>