Как получить доступ к таблице внутри таблицы с помощью JQuery

Question

Я получил стол внутри стола, как

<table class="xyz">
<tr>
<td>
<table>
<tr>
<td>
<label>hello<label>
<input></input>
</td>
</tr>
</table>
</td>

</tr>
</table>

я хочу получить внутренние элементы таблицы, используя jquery

Answer 1

Это будет сделано:

$('table.xyz table')... // It will select the <table> which is inside of <table>
                        // with the class xyz

Если вы имели в виду inside table elements для всех элементов:

$('table.xyz table *')... // It will select all the elements that inside the 
                          // <table>with the class xyz which is inside of <table>

Если вам нужны только входные данные:

$('table.xyz table input')...

descendant selector документы :

Описание: Выбирает все элементы, которые являются потомками данного предка.

Изменить ширину<td> в этой таблице:

$('table.xyz table td').css('width' ,'300px');

Answer 2

В вашем примере это будет

$('table.xyz table')

Первая часть 'table.xyz' выберет верхнюю таблицу (таблица с классом xyz), а затем вторая часть выберет любого потомка с табличным тегом

Answer 3

<table class="xyz" id="xyz">

$(document).ready(function() {

    $('#xyz tbody tr').live('click', function (event) {
        $(this).find("input").each( function( index, item ) {
              alert(index+"----"+$(this).val() );
        });
    }); 
});

Answer 4

Вы можете использовать метод find из jQuery.