javascript - 简化 jQuery 代码 简化

Question

<!-- Brands -->
<div class="brands">
  <ul class="thumbnails">
    <li class="span3"> <a href="#" class="thumbnail"> hello1 </a> </li>
    <li class="span3"> <a href="#" class="thumbnail"> hello2 </a> </li>
    <li class="span3"> <a href="#" class="thumbnail"> hello3 </a> </li>
    <li class="span3"> <a href="#" class="thumbnail"> hello4 </a> </li>
    <li class="span3"> <a href="#" class="thumbnail"> hello5 </a> </li>
    <li class="span3"> <a href="#" class="thumbnail"> hello6 </a> </li>
    <li class="span3"> <a href="#" class="thumbnail"> hello7 </a> </li>
    <li class="span3"> <a href="#" class="thumbnail"> hello8 </a> </li>
  </ul>
</div>

这是我的 html 代码，这是我的 jQuery 代码。

$(document).ready(function () {
$('.brands li').click(function () {
    var index = $(this).index();
    alert(index);

    if (index < 4) {
        alert('less than 4');
    }

    if (index > 4 && index < 8) {
        alert('less than 8');
    }

    if (index > 8 && index < 12) {
        alert('less than 12');
    }

  });
});

如果 li 小于第 4 个子节点，我稍后会尝试在第 4 个 li 之后插入一个新的 li，如果该 li 小于第 8 个子节点，则在第 8 个 li 之后插入一个新 li，所以在。有没有什么方法可以简化而不是有很多 if 语句？

Answer 1

你能做的是:

var section=4*~~(index/4);
$('.brands li:nth-child('+section+')').append('<span>new li</span>');

这将对您的索引进行整数除法，留下适合您的值的 4 的倍数。 https://stackoverflow.com/a/4228528/1260792