Javascript父子项

Question

我有一张桌子，上面有这样的行

<tr>
<td>xyz</td>
<td>xyz</td>
<td>xyz</td>
<td><span class="label-success">Active</span></td>
<td><a href="#" onclick(my-js-here.js)>change status</a></td>
</tr>
<tr>
<td>xyz</td>
<td>xyz</td>
<td>xyz</td>
<td><span class="label-pending">Active</span></td>
<td><a href="#" onclick(my-js-here.js)>another change status</a></td>
</tr>

当我单击“更改状态”链接时，我希望能够将类“标签成功”更改为“标签失败”

在my-js-here.js中，如何在同一行中引用/挑选

$(this).parents("tr:first").(this is where I am lost).removeClass('lable-success');
$(this).parents("tr:first").(this is where I am lost).addClass('fail');

Answer 1

采用：

$(this).parent().prev().find('span').toggleClass('label-success fail');

jsFiddle示例

这将允许您切换类。 如果您只想进行一次更改， .find('span')更改为.find('.label-success')