Проблема с выбором JQuery

Question

У меня есть следующий код:

<table class="dogs"> 
    <tr> 
     <td> <input class="name"> </td> 
     etc. 

Я пытаюсь выбрать input элемент, используя следующее заявление:

$('table.dogs > input.name') 

Однако, я не получаю никаких результатов. Что я делаю не так?

Answer 1

Я считаю, что с этим синтаксисом вы бы искали прямого ребенка из table, когда вы должны искать прямого ребенка из td. Попробуйте:

$('table.dogs td > input.name') 

Вы действительно не нужно > в этом случае, хотя.

Answer 2

Избавиться от «>» $ («table.dogs input.name»)

Answer 3

jQuery('parent > child') выбирает все прямые элементы, указанные дочерние «ребенок» элементов, установленных «родителя».

input.name не является прямым потомком table.dogs

вы можете использовать:

• $('table.dogs td > input.name')
• $('table.dogs input.name')

Answer 4

Используйте этот селектор вместо:

$('table.dogs input.name') 

Таким образом, вы выбираете все input s с именем класса name, которые являются потомками (а не непосредственными детьми) table s с именем класса dogs.

Answer 5

Правильный селектор в вашем случае будет table.docs > tbody > tr > td > input.name, так как все строки таблиц неявно завернуты в TBODY, если TBODY/THEAD/TFOOT не указаны вручную.

Простой использование селектора table.docs input.name, позволяющего использовать любые элементы между table.docs и input.name.

Answer 6

Вы должны использовать другие селекторы, подобные этому.

$('table.dogs .name'); 

Child Selector («родитель> ребенок») Выбирает все прямые элементы, указанные дочерние "ребенок" элементов, установленных "родителя".