影响所有图像的脚本而不是仅包含某些文本的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");
});
编辑 其实我认为你的答案也应该有效。似乎在这个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)的主要内容,如果未能解决你的问题,请参考以下文章