Question

我有以下html如何使用Jquery

分别访问第一个表的td并将宽度分别更改为40％和60％

team

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更改div中表格中td的宽度

3 个答案: