Question

我正在尝试在点击链接时切换链接的类，因此它显示加号以扩展或减去以减少但我无法使其正常工作。

我的jQuery如下：

$(".viewdetails").click(function() {
    $(this).toggleClass('viewdetailsoff');
    $(this).parents("tr").next().toggle();
    return false;
 })

我的初始链接

<a class="viewdetails" title="View History" href="">History</a>

Answer 1

如果只是图片不起作用，请确保在CSS中 .viewdetailsoff之后定义{strong> ，如下所示：

.viewdetails

无论元素本身的类顺序如何，例如它将是.viewdetails { background-image: url(minus.jpg); } .viewdetailsoff { background-image: url(plus.jpg); }，CSS中的顺序决定哪一个获胜。或者，您可以切换两个类，有效地使用.toggleClass()交换它们：

class="viewdetails viewdetailsoff"

在链接点击上切换类

1 个答案: