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

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