В jQuery існує низка методів, яка дозволяє провести новий відбір серед раніш відібраних елементів по додатковим умовам
.is(селектор) - поверне значення true, якщо серед усіх раніше відібраних елементів знайдеться хоча б один зазначений в методі .is
.not(селектор) - відкине ті елементи, серед раніше вибраних, які підпадають під зазначений селектор в методі .not
.eq(index) - серед раніше відібраних елементів відбере з зазначеним индексом (порядковим номером). Нумерація елементів йде з нуля.
.slice(begin,end) - робить з вибраних елеметів "вирізку" (вибірку) по порядковим номерам, починаючи з begin (начальний индекс вибірки) по end (кінцевий индекс до якого треба зробити вирізку, не включаючи його). Якщо в end вказати від'ємне число, то рахунок индексу ведеться зворотнім відліком від останньогоелемента першої вибірки
.first() - вибір першого елементу з усіх раніше відібраних
.last() - вибір останнього елементу з усіх раніше відібраних
Приклади
.is(селектор)<div class="dv3"> <div class="rw1">class "rw1"</div> </div>
"rw1"
$('#btn').click (function(){
if($('.dv3 div').is('.rw1')){
$('#i1').text("Так");
}else{
$('#i1').text("Ні");
}
});.not(селектор)
<div id="a2"> <div class="rw1">class "rw1"</div> </div>
"rw1"
$('#btn').click (function(){
$('#a2 div').not('.rw1').css('border',"3px solid red");
});
.eq(index)
<div id="a2"> <div class="rw1">class "rw1"</div> </div>
$('#btn').click (function(){
$('#a2 div').eq(0).css('border',"3px solid red");
});
.slice(begin,end)
<div id="a2">01<>2</div>34567</div>
$('#btn').click (function(){
$('#a2 div').slice(0,2).css('border',"3px solid red");
});
.first() та .last()
- Перший в першому
- Останній в першому
- Другий список перший
- Другий список останній
- Перший в першому
- Останній в першому
- Другий список перший
- Другий список останній
$('#btnfirst').click (function(){
$('ul li').first().css('background-color',"blue");/* first */
});
$('#btnlast').click (function(){
$('ul li').last().css('background-color',"blue");/* last */
});
далі ✏