CODEWITHSUNDEEP
javascriptjqueryhtmlcssfilter
WorkingMan8798
WorkingMan8798

Reputation: 27

Script affecting all images instead of only images in div that contains certain text (jQuery)

I've tried editing this code a number of ways (using if statments and each statements) with nothing working. The idea is so simple; if a div contains this specific text, I want to change the src attribute of the image in that div only.

I can't seem to figure out what I'm missing. The code below changes all the images in all divs with that class rather than just the ones that contain the specific text. I've tried to work in 'this' but apparently don't understand how it affects the function. 

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

Could someone kindly point me in the right direction of what I need to change to make the script target only images in the div that contain the text instead of all div with that class because one of the div did contain that text (I think that's what triggers it; I may be off about that too).

Upvotes: 0

Views: 106

Answers (1)

joshhunt
joshhunt

Reputation: 5335

Try this:

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

See jQuery :contains docs

Edit
Actually I think your answer should work as well. Seems to work fine in this jsfiddle, can you post your markup?

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

Upvotes: 1

Related Questions