Question

如果用户单击列表中的子元素，则需要向父元素添加活动类。如果用户单击父链接，则使用以下脚本。

使用Javascript：

<script language="javascript" type="text/javascript"> 
$(document).ready(function(){ 
var str=location.href.toLowerCase(); 
$('.body-content-container-pascrc ul#pascrc-sitenav li a').each(function() { 
if (str.indexOf(this.href.toLowerCase()) > -1) { 
$(this).attr("class","active"); //hightlight parent tab 
} 
}); 
}); 
</script>

HTML：

<ul id="navigation">
  <li> <a href="#" id="agenda-link">Agenda</a>
    <ul id="agenda" class="megamenu">
      <li><a href="#">June 8, 2011</a>
      </li>
      <li><a href="#">June 9, 2011</a>
      </li>
      <li><a href="#">June 10, 2011</a>
      </li>
    </ul>
  </li>
</ul>

有人可以帮忙吗？

Answer 1

$(".body-content-container-pascrc ul#pascrc-sitenav li a").click(function() {
   $(this).parent().addClass("active");
});

jsfiddle：http://jsfiddle.net/switz/csgej/

jquery - 将“active”类添加到children元素

1 个答案: