Jquery 更改 table 中 td 的宽度 div

Question

我有以下 html 如何访问第一个 table 的 td 并使用 Jquery

分别将宽度更改为 40% 和 60%

 <div id="DeltaPlaceHolderMain">
        <a id="mainContent" tabindex="-1" name="mainContent"></a>
        <table width="100%">
            <tbody>
                <tr>
                    <td width="15%" valign="top"></td>
                    <td width="85%" valign="top"></td>
                </tr>
            </tbody>
        </table>
        <table width="100%"></table>
        <table width="100%"></table>
     </div>

Answer 1

$("#DeltaPlaceHolderMain > table:first-child > tbody > tr td:first-child").attr("width", "40%");
$("#DeltaPlaceHolderMain > table:first-child > tbody > tr td:last-child").attr("width", "60%");

如果可行，试试这个。我还没有测试过。这里的想法是利用 first-child/last-child/nth-child() 选择器来实现所需的结果。

如果这不起作用，请回复，以便我进一步帮助您。

Answer 2

$('#DeltaPlaceHolderMain').find('table').first().find('td').first().attr('width','60%')
$('#DeltaPlaceHolderMain').find('table').first().find('td').last().attr('width','40%')

Answer 3

试试这个代码，希望对你有帮助：

$('#DeltaPlaceHolderMain table')
  .find('tr td')
  .first()
  .attr('width','40%')
  .next()
    .attr('width','60%');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="DeltaPlaceHolderMain">
        <a id="mainContent" tabindex="-1" name="mainContent"></a>
        <table width="100%">
            <tbody>
                <tr>
                    <td width="15%" valign="top">a</td>
                    <td width="85%" valign="top">b</td>
                </tr>
            </tbody>
        </table>
        <table width="100%"></table>
        <table width="100%"></table>
     </div>

Jquery 更改 table 中 td 的宽度 div

Jquery to Change the width of td in table inside a div

jquery

sharepoint-2013