Question

当我点击按钮时，我希望另一个TD的TD宽度受到影响，这里是html：

<button id="button">Click me</button>

<table class="counter">

<tr>
<td>1<td>1</td></td>
<td>2<td>2</td></td>
<td>3<td>3</td></td>
<td>4<td>4</td></td>
</tr>

<tr>
<td>5<td>5</td></td>
<td>6<td>6</td></td>
<td>7<td>7</td></td>
<td>8<td>8</td></td>
</tr>

<tr>
<td>9<td>9</td></td>
<td>10<td>10</td></td>
<td>11<td>11</td></td>
<td>12<td>12</td></td>
</tr>

<tr>
<td>13<td>13</td></td>
<td>14<td>14</td></td>
<td>15<td>15</td></td>
<td>16<td>16</td></td>
</tr>

</table>

这就是Jquery：

    $("#button").click(function() {
 $(".counter").find("tr td:nth-child(2)").css('background', 'blue', 'width', '30px')
 $(".counter").find("tr td:nth-child(4)").css('background', 'blue', 'width', '30px')
 $(".counter").find("tr td:nth-child(6)").css('background', 'blue', 'width', '30px')
 $(".counter").find("tr td:nth-child(8)").css('background', 'blue', 'width', '30px');

});

背景变化是有效但不是宽度的变化，有人可以告诉我为什么并提供解决方案吗？感谢。

Answer 1

当超过一个样式规则时，您必须将css规则作为JSON传递。

只需使用，

  .css({'background' : 'blue' , 'width' : '30px'});

如何使用Jquery / css更改另一个td内的td宽度？

1 个答案: