如何使用jquery访问表中的表

如何使用jquery访问表中的表,jquery,tabs,Jquery,Tabs,我在一张桌子里面放了一张桌子 <table class="xyz"> <tr> <td> <table> <tr> <td> <label>hello<label> <input></input> </td> </tr> </table> </td> </tr> </table> 我想使用jquery获

我在一张桌子里面放了一张桌子

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

</tr>
</table>
我想使用jquery获取内部表元素,这可以做到:

$('table.xyz table')... // It will select the <table> which is inside of <table>
                        // with the class xyz
如果只需要输入:

$('table.xyz table input')...
后代选择器:

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

更改该表中的宽度:

$('table.xyz table td').css('width' ,'300px');
这可以做到:

$('table.xyz table')... // It will select the <table> which is inside of <table>
                        // with the class xyz
如果只需要输入:

$('table.xyz table input')...
后代选择器:

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

更改该表中的宽度:

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

您可以使用jQuery中的方法。

您可以使用jQuery中的方法。

在您的示例中

$('table.xyz table')

第一部分“table.xyz”将选择具有类xyz的上表,然后第二部分将选择具有表标记的任何子级,在您的示例中,它将是

$('table.xyz table')
<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() );
        });
    }); 
});

第一部分“table.xyz”将选择包含类xyz的上表,然后第二部分将选择任何带有表标记的子表

如果您可以从第一个位置使用更好的选择器,为什么要创建新的jQuery对象?如果您在该页面上有另一个表,您可以获得所需的表,使用class=xyz。如果您可以从第一个位置使用更好的选择器,为什么要创建新的jQuery对象?如果您在该页面上有另一个表,您可以获得所需的表,当class=xyz时,如果我想更改内表的td宽度怎么办?如果我想更改内表的td宽度怎么办?您仍然有困难吗?您仍然有困难吗?
<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() );
        });
    }); 
});