Как получить доступ к дочернему элементу из детей()?

Question

Я хотел бы получить # из непосредственных детей, которые есть у элемента, а затем получить класс ребенка по определенному индексу. Что-то вроде:

var index = 25; 
var children = $("#myListElement").children(); 
if (index < children.length) { 
    if (children[index].hasClass("testClass")) { 
     alert("hi!"); 
    } 
} 

Я думаю, что синтаксис для .children() в порядке, но как я могу получить индексированный элемент из них в стиле Jquery?

Благодаря

Answer 1

Метод children возвращает массив -подобный объект, который содержит простые узлы DOM. Вам нужно обернуть содержащийся элемент с помощью jQuery или получить его с помощью метода eq(index), чтобы использовать jQuery-методы, такие как hasClass.

if ($(children[index]).hasClass("testClass")) 

jQuery не обертывает их по умолчанию по очевидным соображениям производительности.

Если вы используете Firebug или инструменты разработчика Chrome/Webkit, вы получите исключение при попытке вызвать неопределенный метод для объекта. См. example. Убедитесь, что вы смотрите вывод консоли :)

TypeError: Object #<an HTMLLIElement> has no method 'hasClass' 

Answer 2

Извините, но я нашел ваш вопрос несколько запутанным. Это то, что вы хотите?

var parent = $("#myitem"), 
    count = parent.children().length, 
    index = parent.children(".theClass").index(); 

То, что получает дочерний индекс элемента с определенным классом, не требуется петли.

Однако, если вам нужен класс (Но уже есть индекс), то сделать это:

var parent = $("#myitem"), 
    count = parent.children().length, 
    classN = parent.children()[3].className; 

Answer 3

использование eq():

if (children.eq(index).hasClass("testClass"))