すべてのスパン要素をクラス名で削除しますか？

Question

notagというクラス名があります。ボタンをクリックすると、onclickイベントが呼び出されて関数が呼び出されます。関数内では、クラス名がnotagのすべてのスパン要素を削除/削除します。

私の試行は以下ですが、運はありません！ありがとうございました。

onclick="replaceQueuePlaylist()" 

function replaceQueuePlaylist() 
{ 
    $("span").attr('notag').remove(); //dont work 
    $('.notag').remove(); //also dont work 
} 

Answer 1

$（ "span"）。attr（ 'notag'）。remove（）; //あなたの要素がnotagという名前のクラスではなく、属性を持っているので、これは動作しません

いけない仕事します。 class自身が明示的に自動的に選択基準に各要素を反復処理し、それを削除します$(selector).remove()を使用して.each()を使用する必要はありません<div class='notag'> hello world </div>

の値notagを持つ属性です。 jQuery.remove()で

$('#delete-em').on('click', function(){ 
 
    $('.delete-me').remove(); 
 
});

.delete-me{ 
 
    height: 50px; 
 
    width: 50px; 
 
    margin: 5px; 
 
    background: red; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> 
 
<div class='delete-me'></div> 
 
<div class='delete-me'></div> 
 
<div class='delete-me'></div> 
 
<div class='delete-me'></div> 
 

 
<button id="delete-em">Remove</button>

Answer 2

これを試してください。

function replaceQueuePlaylist() { 
    $("span.notag").each(function() { 
     $(this).remove(); 
    }); 
} 

すべてのスパンをnotagクラス名で検索して削除します。

Answer 3

あなたは直接DOMからマッチした要素のすべてのセットを削除することができます

function replaceQueuePlaylist() { 
    $('span.notag').remove(); 
} 

Answer 4

はちょうどあなたの関数内でこれらの行を追加します。ハッピーコーディング

$("span.notag").each(function() { 
    $(this).remove(); 
});