使用 jQuery 在超链接单击上更改 CSS 样式

Question

单击链接后，我想使用 jquery 更改锚标记的样式。

<tr class="row-tab" style="height: 30px;">
    <td class="subtab-selected"><a href="#" id="as1">TOP % GAINERS</a></td>
    <td class="subtab-notselected"><a href="#" id="as2">TOP % LOSERS</a></td>
</tr>

$('#as1, #as2').click(function(){
    $('#as1, #as2').parent().removeClass('subtab-selected').addClass('subtab-notselected');

    $('this').parent().addClass('subtab-selected');

    return false;                  
});

单击链接时，我正在尝试更改 CSS class 但 jquery 代码的第二行未执行。

有人可以告诉我我做错了什么吗？

Answer 1

尝试删除'this'周围的引号

Answer 2

我在 jQuery 上写了一个没有固定#ids的解决方案：

$("td a").click(function() {
    var p = $(this).parents("tr");
    $("td", p).removeClass("subtab-selected").addClass("subtab-notselected");
    $(this).parent().addClass("subtab-selected");
    return false;
});

你可以看到它在这里运行。

Answer 3

尝试将第二行更改为：

$('this').parent().addClass('subtab-selected').removeClass('subtab-notselected');

我想你不会想要两者。