How to find any text within a value of an attribute of a tag using jquery

Question

hi is there any way i can find specific text within a value of an atrribute of an HTML tag, To be more specific, im trying to find out if the tag has "selected" within its "src" attribute e.g in this case i need to find out if selected exists, I can go in other routes to do this but i need this as a condition.

I am selecting the src of the img tag and adding this special text, but i dont want it to keep on adding e.g in this case its defeating the purpose of what im trying to do. I need to know if Selected has been inserted then ignore the particular image.

 $(this).hover(function(){
var currentName = $(this).attr("src");
var theNumToSub = currentName.length - 4;
$(this).attr("src",$(this).attr("src").substr(0,theNumToSub)+"selected.jpg");

});

here is my code above for adding "Selected" in the first instance.

It would probably be a good idea to familiarise yourself with all of the jQuery selectors. — Anthony Grist
– Anthony Grist, Commented Jan 27, 2014 at 12:42

hsz · Accepted Answer · 2014-01-27 12:38:52Z

1

You can try with:

$(this).filter('[src$="selected.jpg"]');

it returns the same element if src ends with selected.jpg.

You can also filter if anywhere in src is selected keyword with:

$(this).filter('[src*="selected"]');

answered Jan 27, 2014 at 12:38

hsz

153k63 gold badges269 silver badges320 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Wandile Over a year ago

ended up using this method

hsz Over a year ago

@Wandile If you find my answer helpful, remember to accept it with the tick on the left.

Florian F. · Accepted Answer · 2014-01-27 12:39:17Z

0

You can use the jQuery attribute contains selector :

$("img[src*='selected']");

answered Jan 27, 2014 at 12:39

Florian F.

4,70029 silver badges50 bronze badges

1 Comment

Wandile Over a year ago

this looks good but remember Florian im trying to run away from using the element with this text in it

Somnath Kharat · Accepted Answer · 2014-01-27 12:40:06Z

0

You can use indexOf()

if($(this).attr("src").indexOf('selected')>0){
  //selected is there in src
  //your stuff here
}

answered Jan 27, 2014 at 12:40

Somnath Kharat

3,5952 gold badges31 silver badges51 bronze badges

Collectives™ on Stack Overflow

How to find any text within a value of an attribute of a tag using jquery

3 Answers 3

2 Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related