Второй ребенок второго ребенка - Jquery

Question

Я хочу знать, как я могу получить значение ребенка от ребенка. У меня есть это ...

<table id="table4">
    <tr>
        <td>Id:</td>
        <td>Name:</td>
    </tr>
    <tr>
        <td>1515</td>
        <td>Thiago</td>
    </tr>
</table>

В Jquery я хочу сделать что-то вроде этого ...

var id = $("#table4:nth-child(2) tr:nth-child(1)").val();

Как я могу сделать эту работу? Первый <td>, второй <tr>. Я знаю, что могу использовать «класс» и «идентификатор», чтобы упростить его, но в этом случае я не могу этого сделать по другим причинам.

PS. Извините за плохой английский, я нуб на этом языке.

Спасибо.

Answer 1

Как это:

var id = $("#table4 tr:nth-child(2) td:nth-child(1)").text();

Вы можете проверить это здесь . Селектор :nth-child применяет к дочернему элементу , например, первый говорит «<tr>, который является вторым дочерним элементом своего родителя», а не к вашей попытке версии, что будет означать «второй дочерний элемент» из это <tr> ".

Кроме того, используйте .text() для получения текста элементов, а не .val(), который предназначен для элементов типа ввода.

Answer 2

Это не полностью решение jQuery, но я подумал, что вы могли бы сделать это:

var txt = $("#table4")[0].rows[1].cells[0].innerHTML;

Или, если вы захотите избежать разметки HTML, вы можете сделать это:

var cell = $("#table4")[0].rows[1].cells[0];
var txt = cell.innerText || cell.textContent;