jquery动态添加类

时间:2013-05-07 07:35:05

标签: jquery css

我有一个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>

动态地我得到了标题,我必须在<li>中添加活动类,其标题与我收到的标题相同。那怎么办?

3 个答案:

答案 0 :(得分:3)

使用addClass()添加类...和属性选择器[]以选择元素

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

try it in fiddle

答案 1 :(得分:2)

尝试

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

演示:Fiddle

答案 2 :(得分:0)

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

试试这个。希望它能帮助你