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')