jquery change class if attribute value =

Question

Good Morning,

Sorry i think its a simple "stupid" question but i have a big blank.

I want to change a class if the attr value is equal to a given value.

I have the following:

 <a str=10 href="start.php class="old">Start<a>

So if str attr from a is 10 i will set the class to class="new"

I have tried somethig like:

$('a.attr.subnr.10).addClass('old');

I think its to early in the morning :-(

Thank you !

score 3 · Accepted Answer · answered Oct 10 '13 at 06:08

3

Try this simple statement:

$("a[str='10']").addClass("old");

answered Oct 10 '13 at 06:08

Snake Eyes

Mr. Alien · Answer 2 · 2013-10-10T06:14:43.650

2

First of all, str is not a valid attribute, consider using data-str

You can do it like

if($('a').attr('data-str') == 10) {
    $('a').addClass('add_class');
}

Make sure you use a specific selector, this is a generalized one, so consider using something like .parent a

If you want a pure CSS solution, than you can also use attr=value selector like

a[data-str="10"] {
   color: red;
}

This won't add a class to your element, but you can target it using the above selector.

edited Oct 10 '13 at 06:14

answered Oct 10 '13 at 06:09

Mr. Alien

Thank you for this good expression ! You are right str is not a valid value but in my case sad to say necessary :-( – Phantom001 Oct 10 '13 at 06:33
@Phantom001 use the quotes around the value atleast.. – Mr. Alien Oct 10 '13 at 06:33

score 1 · Answer 3 · answered Oct 10 '13 at 06:08

1

$('a[str=10]').removeClass('old').addClass('new');

answered Oct 10 '13 at 06:08

Artyom Neustroev

score 1 · Answer 4 · answered Oct 10 '13 at 06:26

1

try this

$('a[str=10]').removeClass('oldClass').addClass('newClass');
$('a[str!=10]').removeClass('newClass').addClass('OldClass');

answered Oct 10 '13 at 06:26

Ravi

4 Answers4