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

Question

我试图在单击按钮时删除页面上给定类的所有实例。 该代码可以独立运行，只是不能在click函数中运行。 我的代码是：

$('#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();
});