jQuery-тегі index әдісі

Егер бізге жиынтықтағы элементтің нөмірін табу қажет болса, онда біз index әдісін пайдалана аламыз.

Біз элементтің орынның нөмірін қатарлас элементтерге қатысты шығара аламыз. Мысалы, бізде нөмірленген тізім бар:

html<ol>
  <li>text</li>
  <li id="test">text</li>
  <li>text</li>
</ol>
<div>text</div>

index әдісінің көмегімен біз div-тің нөмірін шығарамыз:

javascriptlet num = $('div').index();
alert(num);

Сондай-ақ селекторды қосымша беруге болады. Келесі HTML кодын қарастырайық:

html<ol>
  <li id="first">text</li>
  <li id="test">text</li>
  <li>text</li>
</ol>
<div>text</div>

Енді біз элемент тегінің атауымен қатар параметрлерге id атын береміз:

javascriptlet num = $('li').index($('#test'));
alert(num);

Егер мұндай элемент табылмаса, әдіс -1 мәнін қайтарады.

Задание 1

#test бар li-тің нөмірін тек элемент тегінің атын пайдаланып алыңыз.

Задание 2

#first бар li-тің нөмірін селектор атын көрсете отырып алыңыз.