如果孩子没有课程添加课程

时间:2016-06-13 18:12:55

标签: jquery if-statement addclass

我正在尝试通过jquery向子级添加一个类,只有当父级的所有子级都不包含该类时。我无法弄清楚我做错了什么:

https://jsfiddle.net/54988qdb/

<style type="text/css">
.active-tag {
    color: red;
}
</style>

<div class="tagcloud">
  <a class="all" href="#all">All</a>
  <a class="test1" href="#1">1</a>
  <a class="test2" href="#1">1</a>
  <a class="test3" href="#1">1</a>
</div>

<script>
  if (!$('.tagcloud a').hasClass('active-tag')) {
    $('.all').addClass('active-tag');
  }
</script>

2 个答案:

答案 0 :(得分:0)

您可以使用jQuery选择器的长度来简化操作:

if( ! $('.tagcloud .active-tag').length ) {
  $('.all').addClass('active-tag');
}

编辑:

你的小提琴不起作用,因为没有包含jQuery。

答案 1 :(得分:0)

@ j08691回答了这个问题。我忘了在我的jsfiddle(facepalm)中定义jquery。