在eq()函数jquery中添加多个索引

Question

我想将以下代码添加到我的内容中：

jQuery( ".pt-cv-content:eq(11)" ).attr( "id" , "content11" );

但我想知道

我可以在eq()中添加多个索引吗？

例如：

eq(9,10,11).....

谢谢

Answer 1

不，你不能，你需要像这样的多个选择器：

jQuery( ".pt-cv-content:eq(11), .pt-cv-content:eq(12)" ).attr( "id" , "content11" );

或者，您可以将索引存储到数组中并对其进行循环：

var arr = [11,12]; // index 11 and 12
$.each(arr, function(i,e){   
  // this will defined same id name
  // which are not valid
  // as ID must be unique
  // unless you defined it by dynamic values there
  $('.pt-cv-content').eq(e).attr( "id" , "content11" );
});

注意到:您应该使用动态内容，因为ID必须是唯一的。

演示

Answer 2

备注

元素的id应该是唯一的。将索引9、10和11中的元素分别设置为"content11"将在document中创建重复的id。

不确定预期的结果是什么？

尝试将设置元素class替换为id，以避免在document中设置重复的id。

若要在元素集合中的索引之间选择多个元素，请尝试使用:lt()、:gt()

​

$("div:lt(12):gt(8)").attr("class", "content11")

.content11 {
  color:blue;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
</script>
<div>0</div>
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
<div>6</div>
<div>7</div>
<div>8</div>
<div>9</div>
<div>10</div>
<div>11</div>
<div>12</div>
<div>13</div>
<div>14</div>
<div>15</div>
<div>16</div>

​