Question

我的标记看起来像这样：

<div role="row" id="row1grid">
    <div role="cell" class="myClass"></div>
    <div role="cell" class="myClass"></div>
    <div role="cell" class="myClass"></div>
    <div role="cell" class="myClass"></div>
</div>
<div role="row" id="row2grid">
    <div role="cell" class="myClass"></div>
    <div role="cell" class="myClass"></div>
    <div role="cell" class="myClass"></div>
    <div role="cell" class="myClass"></div>
</div>
<div role="row" id="row3grid">
    <div role="cell" class="myClass"></div>
    <div role="cell" class="myClass"></div>
    <div role="cell" class="myClass"></div>
    <div role="cell" class="myClass"></div>
</div>

但我想使用jQuery来更改每行中最后一个单元格的类名：

<div role="row" id="row1grid">
    <div role="cell" class="myClass"></div>
    <div role="cell" class="myClass"></div>
    <div role="cell" class="myClass"></div>
    <div role="cell" class="myClass2"></div>
</div>
<div role="row" id="row2grid">
    <div role="cell" class="myClass"></div>
    <div role="cell" class="myClass"></div>
    <div role="cell" class="myClass"></div>
    <div role="cell" class="myClass2"></div>
</div>
<div role="row" id="row3grid">
    <div role="cell" class="myClass"></div>
    <div role="cell" class="myClass"></div>
    <div role="cell" class="myClass"></div>
    <div role="cell" class="myClass2"></div>
</div>

我可以按角色选择所有行，如下所示：

$（ “DIV [角色= '行']”）

但是我如何从那里找到每一行中的最后一个单元并更改其类？

感谢任何帮助！

由于

汉克

Answer 1

你可以

$("div[role='row'] > div:last-child").removeClass('myClass').addClass('myClass2')

演示：Fiddle

或

$("div[role='row']").children(':last-child').removeClass('myClass').addClass('myClass2')

Answer 2

$("div[role='row'] div:last")应该选择行中的最后一个div。

然后，您可以使用以下方法修改类：

$("div[role='row'] div:last").removeClass('myClass').addClass('myClass2');

或

$("div[role='row'] div:last")[0].className = "myClass2"

如何更改每个表行中最后一个单元格的css类？

2 个答案: