我想在嵌套表中设置td的宽度,请帮忙。
这不起作用:
$('#WebPartWPQ7 table:eq(0) tbody tr td table tbody tr:eq(1) td:eq(0)')
.css('width','30px');
<div id="webpartwpq7">
<table>
<tbody>
<tr>
<td>
<table>
<tbody>
<tr>
<td></td>
<td>
this is the place I need to set width of the td tag
</td>
<td></td>
<td></td>
</tr>
<tr>
<td>....</td>
</tr>
<tr></tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table>....
</table>
</div>
答案 0 :(得分:1)
ID区分大小写,因此WebPartWPQ7
必须为webpartwpq7
。此外,您的eq
号码也是错误的。
选择器应为:
$('#webpartwpq7 table:eq(0) tbody tr td table tbody tr:eq(0) td:eq(1)')
答案 1 :(得分:0)
将ID提供给内部表格,如下所述:
<div id="webpartwpq7">
<table>
<tbody>
<tr>
<td>
<table id="innerTable">
<tbody>
<tr>
<td></td>
<td>this is the place I need to set width of the td tag
</td>
<td></td>
<td></td>
</tr>
<tr>
<td>....</td>
</tr>
<tr>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
现在您可以为 TD 分配宽度,如下所示:
$('#innerTable tr:eq(0) td:eq(1)').css('width', '30px');
答案 2 :(得分:0)
这是我使用find方法的选择器:
$('#webpartwpq7').find('table table tr td').eq(1)
您可以验证自己是否合适:
var myTest = $('#webpartwpq7').find('table table tr td').eq(1).text();
console.log(myTest); // output: this is the place I need to set width of the td tag