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"); 

myClassクラスを#wrapper要素（IDが「wrapper」の要素）からのみ削除しますか？次のようなものが必要な場合があります：

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