Question

我想添加类并向ul添加一些包含4个以上项目的内容。这是我的代码：

＆＃13;

$('ul.menu-odd').each(function() {
  if ($(this).children().length > 4) {
    $(this).addClass("two_cl");
    $('ul.menu-odd > li > a').append('<span class="badge menu_num" data-badge-caption="(1209)"></span>');
  }
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

＆＃13;

添加课程效果很好，只需在ul上有超过4个项目。但它会将我的代码附加到所有a标记。我该如何解决这个问题？

Answer 1

只需使用this和find而不是ul.menu-odd作为追加功能

$('ul.menu-odd').each(function() {

      var newSpan = '<span class="badge menu_num"' 
          newSpan += 'data-badge-caption="(1209)"></span>'

      if ($(this).children().length > 4) {
        $(this).addClass("two_cl");
        $(this).find('a').append(newSpan);

      }
    });

如何附加到包含4个以上项目的ul？

1 个答案: