影响所有图像的脚本而不是仅包含某些文本的div中的图像(jQuery)

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了影响所有图像的脚本而不是仅包含某些文本的div中的图像(jQuery)相关的知识,希望对你有一定的参考价值。

我尝试过多种方式编辑此代码(使用if语句和每个语句),但没有任何工作。这个想法很简单;如果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确实包含该文本(我认为这是什么触发它;我可能也会关注它)。

答案

试试这个:

$(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>

以上是关于影响所有图像的脚本而不是仅包含某些文本的div中的图像(jQuery)的主要内容,如果未能解决你的问题,请参考以下文章

仅展开父级中的子级 div

从网站中提取正文文本,例如仅提取文章标题和文本而不是站点中的所有文本

如何在opencv中检测仅包含文本的图像是不是模糊

使用批处理脚本仅打开文件夹中的非零文本文件

div、背景图像和图像映射

如何仅在 div 上应用 javascript