Как получить значение td из ввода: проверено с помощью jquery?

Question

На всю жизнь я не могу понять, как получить данные td, используя $(this). Вот моя попытка

<tbody id="testTable"> 
    <tr><td class="tdData"><input type="checkbox"></input></td></tr> 
</tbody> 

$("#testTable tr td > input:checked").each(function() 
{ 
    alert($(this).parent().text()); // alert shows empty 
    alert($(this).find(".tdData").text()); // alert shows empty 
    alert(this.nodeName); // alert shows INPUT 
    alert($(".tdData").text()); // alert shows data 
}); 

Использование $(this) не похоже на работу.

Answer 1

$(this) в each() петле относится к элементу, размещенному в первоначальном заявлении, которое $("#testTable tr td > input:checked") т.е. флажка.

Так что, если вы хотите, чтобы получить значение TD каждой ячейки просто используйте

$("#testTable tr td").each(... 

затем $(this) ссылается на ячейку таблицы. Получение текстового значения ввода или пустой td ничего не вернет, как вы видели.

Answer 2

$("#testTable tr td > input:checked").each(function() 
{ 
    alert($(this).val()); 
});