Question

我想选择一些兄弟元素。所以我使用了jQuery .next（），但我不知道如何重复。

＆＃13;

// Repeat 3 times
$('#after').next().addClass('selected');
$('#after').next().next().addClass('selected');
$('#after').next().next().next().addClass('selected');

＆＃13;

.selected {
	color: red;
}

＆＃13;

<ul>
  <li>1</li>
  <li>2</li>
  <li id="after" data-num="3">3</li>
  <li>4</li>
  <li>5</li>
  <li>6</li>
  <li>7</li>
  <li>8</li>
  <li>9</li>
  <li>10</li>		
</ul>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

＆＃13;

如何通过for循环将重复的jQuery next（）作为指定值，这样？（当然这不起作用。）

$('#after')
  for(var i=0; i<$('#after').data('num'); i+=1){
    .next().addClass('selected')
  }
;

Answer 1

而不是next()使用nextAll()

$('#after').nextAll("li").addClass('selected');

您不需要遍历所有元素。 nextAll()会将所有sibling元素选择到DOM树中的源元素。

<击> 如果你想要使用循环语句，那么你必须这样做，

var srcElem = $("#after"); var srcIndex = srcElem.index() + 1; var index = +srcElem.data("num"); secElem.closest("ul") .find("li:gt("+ (index-1) +"):lt("+ (srcIndex + index) +")") .addClass('selected');

<击>

使用循环将是最好的方法，但是以优化的方式使用它，

var src = $('#after'); for (var i = 0, len = +src.data('num'); i < len; i++) { src = src.next("li").addClass('selected'); if (!src.length) { break; } }

DEMO

我可以通过for循环重复jQuery next（）吗？

1 个答案:

DEMO