jquery adding class dynamically

Question

i have a ul

<ul id="main-menu">
<li class=" mySelectedMenu"><a title="Dashboard" href="/">Dashboard</a> </li>
<li class=""><a title="Inventory" href="/inventories">Inventory</a></li>
<li class=""><a title="PJPS" href="/pjps/oldindex">PJPS</a></li>
<li class=""><a title="Reports" href="#">Reports</a></li>
<li class=""><a title="Today" href="#">Today</a></li>
<li class=""><a title="Discounts" href="/discounts">Discounts</a></li>
</ul>

dynamically i got title den i have to add class active in that <li> which title is same as that which i received. so how can i do??

api.jquery.com/addClass

rahularyansharma
– rahularyansharma

2013-05-07 07:36:42 +00:00
Commented May 7, 2013 at 7:36 — rahularyansharma
– rahularyansharma, Commented May 7, 2013 at 7:36

bipen · Accepted Answer · 2013-05-07 07:37:38Z

3

use addClass() to add a class... and attribute selector [] to select the element

$("a[title="+yourTitle+"]").parent().addClass('active');

try it in fiddle

answered May 7, 2013 at 7:37

bipen

36.6k9 gold badges51 silver badges62 bronze badges

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

1 Comment

bipen Over a year ago

welcome.. glad it helped... :).. anyways if you thing this post helped you to get the answer then you can accept this as answer.. meta.stackexchange.com/questions/5234/…

Arun P Johny · Accepted Answer · 2013-05-07 07:36:42Z

2

Try

$('#main-menu li a[title=' + title + ']').parent().addClass('active')

Demo: Fiddle

answered May 7, 2013 at 7:36

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

Comments

SHUNMUGA RAJ PRABAKARAN · Accepted Answer · 2013-05-07 07:40:41Z

0

$('ul li a').click(function() {
var classname = $(this).attr('title');
$(this).closest('li').addClass(classname);
});

try this. Hope it will help u

answered May 7, 2013 at 7:40

SHUNMUGA RAJ PRABAKARAN

6085 silver badges8 bronze badges

Collectives™ on Stack Overflow

jquery adding class dynamically

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related