使用jquery设置bootstrap navbar活动元素

时间:2013-06-06 02:47:35

标签: jquery twitter-bootstrap

在我的导航栏中,我有:

<ul class="nav" >            
          <li class="active"><?php echo anchor('b/home', 'Home') ?></li>
          <li><?php echo anchor('buyers/info', 'Information') ?></li>

我想根据我所在的页面设置活动类。我已将内部html的名称作为名为“nav”的变量传递。为此,我想选择“'''元素,其中包含'a'元素的内部HTML ='nav'的值”

我在jquery没有经验。我尝试了以下内容,但它不起作用:

$("li [a[html()=nav]]").addClass('active'); 

有人可以帮我解决这个问题吗?

2 个答案:

答案 0 :(得分:3)

你可以用这个:

$('li a:contains("' + nav + '")').parent().addClass('active');

答案 1 :(得分:3)

为什么不使用php有条件地回应活动类?在php文件的顶部创建一个名为$ page的变量,并将其设置为您所在页面的名称。然后做:

<li class="<?php if ($page == "some page") echo "active"; ?>"><?php echo anchor('b/home', 'Home') ?></li>