CODEWITHSUNDEEP
javascriptjquery
themhz
themhz

Reputation: 8424

select all html elements based on rel value

I have some html elements in my code like this

<div rel="test1">item1</div>
<div rel="test1">item2</div>
<div rel="test1">item3</div>
<div rel="test2">item4</div>
<div rel="test2">item5</div>

and I need a way to select all the divs that use rel="test1" and add a class to them how can I do this with jQuery?

Upvotes: 5

Views: 5636

Answers (4)

Shyju
Shyju

Reputation: 218732

$(function(){
    $("div[rel='test1']").addClass("newClass");       
});

working sample http://jsfiddle.net/4WEBk/13/

Upvotes: 1

The Alpha
The Alpha

Reputation: 146191

​$('div[rel="test1"]')​.addClass("myClass");​

Demo

Upvotes: 4

gdoron
gdoron

Reputation: 150253

$('div[rel="test1"]').addClass('fooClass');

Live DEMO

Upvotes: 1

Brad
Brad

Reputation: 163262

$('div[rel=\'test1\']')

http://api.jquery.com/category/selectors/attribute-selectors/

You can then add a class with .addClass(). http://api.jquery.com/addClass/

Upvotes: 6

Related Questions