Понедельник, 16 Июля 2012 15:31

Как получить id первого в блоке элемента

Written by 
Оцени эту запись
(1 Голос)

Если на странице есть блок с дочерними элементами, имеющими идентификаторы, вы можете получить значение id дочернего элемента по его порядковому номеру при помощи метода jquery eq().

 

 

Например, имеем такую структуру:

 

<div class="container">

<div class="inner" id="el1"></div>

<div class="inner" id="el2"></div>

<div class="inner" id="el3"></div>

<div class="inner" id="el4"></div>

<div class="inner" id="el5"></div>

</div>

 

Тогда при помощи jQuery мы можем достучаться до атрибутов дочерних элементов нужного блока:

 

<script>

$(function(){

var a = $('.container').children('div').eq(0).attr('id');

})

</script>

 

 

Переменная a равна значанию идентификатора id первого элемента в блоке container.

 

Eq() обращается в индексу элемента, к его порядковому номеру. Начинается отсчет с нуля.

Attr() обращается к атрибуту элемента, в нашем случае это id.

 

 

 

You have no rights to post comments

верстка | CSS | верстка сайтов | HTML | верстальщик | блочная верстка | JavaScript | css верстка | профессиональная верстка сайтов