Как получить innerHTML вложенных узлов

Question

Может кто-нибудь сказать мне, как я могу получить innerHTML первого tda якорь? Кажется, я не прав. То, что я ищу, это значения «тест 1» и «тест 2».

<tr> 
    <td data-pid="2"><a data-pid="2" href="#"><a href="#">test 1</a></td> 
    <td><a data-pid="2" class="manage-icon" href="#"><img alt="" src="delete.png"></a></td> 
</tr> 
<tr> 
    <td data-pid="3"><a data-pid="3" href="#">test 2</a></td> 
    <td><a data-pid="3" class="manage-icon" href="#"><img alt="" src="delete.png"></a></td> 
</tr> 

EDIT: Извините за не объясняя это событие. Мне нужна внутренняяHTML для строки, на которую я нажимаю. Итак, если я нажму на строку 33, и ее значение будет «test 33», это то, что мне нужно увидеть.

Я использую функцию, нажмите:

$(document).on("click",".manage",function(e){... 

Answer 1

Попробуйте это, предполагая, что вы нажав на изображение (если вы хотите, чтобы вызвать по ссылке, а не просто изменить img к a):

$('img').click(function() { 
    console.log($(this).closest('tr').find('a').html()); 
}); 

Однако ваш HTML-код имеет ошибку (закрытый якорь).

jsFiddle example

Answer 2

Я хотел бы предложить:

$('tr').click(function(){ 
    var aText = $(this).find('td:first-child a').html(); 
}); 

JS Fiddle demo.

Обратите внимание, что в демо, я есть отредактировали HTML элементов первой строки, чтобы соответствовать формату первых td «s элементов во второй строке (дополнительный a открывающий тег, казалось бы ошибку, но если он был преднамеренным, тогда в jQuery можно внести поправки).

Ссылки:

• click().
• find().
• html().

Answer 3

Чтобы получить значение innerHtml, которое вы упомянули test1, test2 вы можете использовать .text() функцию как этот

$('td a').text(); 

Если вы хотите взять первый ребенок тд, то вы можете сделать это: $('td:first-child a').text();

Answer 4

Для значения Я думаю, что вы имеете в виду text
КСТАТИ у вас ошибка в этой строке:

<td data-pid="2"><a data-pid="2" href="#"><a href="#">test 1</a></td> 
              ^^^^^^^^^^^^ extra 

и чем это может помочь: LIVE DEMO

$('table tr').click(function(e){ 
    e.preventDefault();     // prevent unwanted anchor click behavior 
    var txt = $('td a', this).text(); // use .html() if you need to 
    alert(txt);      // Test text value 
}); 

если вы заполнить динамически табличного строки, чем идти с:

$('table').on('click', 'tr', function(e){