Как выбрать диапазон элементов в jQuery
<div id = "myDiv">
<a>...</a>
<a>...</a>
<a>...</a>
<a>...</a>
<a>...</a>
<a>...</a>
</div>
Если бы вы хотели выбрать 2-й, 3-й и 4-й теги a в приведенном выше примере, как бы вы это сделали? Единственное, о чем я могу думать, это:
$("#myDiv a:eq(1), #myDiv a:eq(2), #myDiv a:eq(3)")
Но это не выглядит очень эффективным или красивым. Я предполагаю, что вы также можете выбрать ВСЕ a, а затем запустить .each поверх них, но это могло бы стать очень неэффективным, если бы было намного больше a.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 3
Использование функции .ломтик() делает именно то, что мне нужно.
Функция jQuery ломтик(), принимающая индексы первого и последнего необходимых элементов, выбирает подмножество совпадающих элементов. Обратите внимание, что он не включает в себя сам последний элемент.
В вашем конкретном случае вы должны использовать
$("#myDiv a").slice(1, 4)
Добавляет ли такой широкий начальный выбор накладные расходы на обработку по сравнению с более конкретным селектором? Или вы считаете: lt,: gt и: eq более ресурсоемкими?
Большой. Это также работает для выбора нескольких параметров из элемента select.
Вы должны иметь возможность сделать это, извлекая таким образом фрагмент массива. Это линия
$("div[id='myDiv'] > a").slice(1,4).css("background","yellow");
которые вас интересуют. Это повлияет на 2-й, 3-й и 4-й элементы.
<html>
<head>
<script type = "text/javascript" src = "jquery-1.2.6.pack.js"></script>
<script type = "text/javascript">
$(document).ready(function(){
$("a").click(function(event){
$("div[id='myDiv'] > a").slice(1,4).css("background","yellow");
event.preventDefault();
});
});
</script>
</head>
<body>
<div id = "myDiv">
<a>1</a>
<a>2</a>
<a>3</a>
<a>4</a>
<a>5</a>
<a>6</a>
</div>
<hr>
<a href = "" >Click here</a>
<hr>
</body>
</html>
этот выбор идентификатора крайне неэффективен. Вместо этого следует использовать синтаксис $("#myDiv").
$('.className').slice(1, 4)также может быть полезен, это то, что мне нужно для моего сценария, большое спасибо за то, что начали ход мыслей :)