В 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 */ });
далі ✏