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>

当我点击“更改状态”链接时，我希望能够将“lable-success”类更改为“label-fail”

在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 example

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