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 docs：

描述：选择作为给定祖先后代的所有元素。

更改该表格中<td>的宽度：

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

Answer 2

在你的例子中，它将是

$('table.xyz table')

第一部分'table.xyz'将选择上表（带有类xyz的表），然后第二部分将选择任何带有表标记的子项

Answer 3

您可以使用jQuery中的find方法。

Answer 4

<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() );
        });
    }); 
});

如何使用jquery访问表中的表

4 个答案: