jquery在嵌套表中设置td宽度

时间:2014-02-11 04:15:19

标签: jquery

我想在嵌套表中设置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>

3 个答案:

答案 0 :(得分:1)

ID区分大小写,因此WebPartWPQ7必须为webpartwpq7。此外,您的eq号码也是错误的。

选择器应为:

$('#webpartwpq7 table:eq(0) tbody tr td table tbody tr:eq(0) td:eq(1)')

http://jsfiddle.net/76hhU/2/

答案 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