Question

我正在尝试在单击按钮时删除页面上给定类的所有实例。代码本身可以正常工作，而不是在单击函数中。我的代码是：

$('#myButton').click(function() {
    $("#wrapper").removeClass("myClass");
});

Answer 1

试试吧：

$('#myButton').click(function() {
    $(".myClass").removeClass("myClass");
});

应该在页面的任何位置捕获该类的每个元素。

http://jsfiddle.net/alnitak/27cFm/

的工作演示

Answer 2

$("#wrapper").removeClass("myClass");

只会从#wrapper元素（带有id“wrapper”的元素）中删除myClass类吗？你可能需要这样的东西：

$('#myButton').click(function() {
    $("#wrapper .myClass").removeClass("myClass");
});

首先：在包装器中匹配myClass类的所有元素，然后删除它们的myClass类属性

如果我误解了这个问题，请发表评论，以便我能解决问题

Answer 3

要在单击按钮时删除页面上myClass的所有实例，您可以尝试：

$('#myButton').click(function() {
    // this will select all elemets with 'myClass'
    var $target = $(".myClass");

    // this will remove 'myClass' from the selected elements
    $target.removeClass("myClass");

    // this will remove the selected elements from DOM
    // $target.remove();
});

单击按钮时删除所有类的实例

3 个答案: