0 
<!-- 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が4n番目の子よりも小さい場合は4番目のliの後に新しいliを挿入し、leが8n番目の子よりも小さい場合は8番目のliの後にliを挿入しようとしています。ifステートメントをたくさん持つのではなく単純化する方法はありますか？

4

2 に答える 2

1

あなたができることは：

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

これにより、インデックスが整数で除算され、値に適合する4の倍数が残ります。 https://stackoverflow.com/a/4228528/1260792

于 2013-01-30T09:40:34.187 に答える
1

これを使用して、ifステートメントの代わりにどのグループであるかを計算できます。

var group = parseInt((index - 1) / 4) + 1;
alert((group * 4) + " or less");

またはこれ：

var group = parseInt(index / 4) + 1;
alert("less than " + (group * 4));

質問がサンプルコードと一致しないため、必要なものによって異なります。

于 2013-01-30T09:36:06.987 に答える