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

Remove all instances of class when button clicked

本文关键字：实例 按钮 删除 单击      更新时间：2023-09-26

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

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

试试：

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

它应该捕获页面上任何位置具有该类的每个元素。

在 http://jsfiddle.net/alnitak/27cFm/工作演示

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

将仅从 #wrapper 元素(ID 为"包装器"的元素(中删除 myClass 类，对吗？您可能需要以下内容： 

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

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

如果我误解了这个问题，请发表评论，以便我可以修复回复

要在单击按钮时删除页面上 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();
});
相关文章：