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类，但是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;
});

您可以看到它正在运行here。

Answer 3

尝试将第二行更改为：

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

我假设你不想要两者。

使用jQuery更改超链接上的CSS样式

3 个答案: