jquery - 値が配列内にあるかどうかを確認し、jquery で一致する値を持つ div を削除します

Question

年齢を検索しましたが、配列や関数全般が苦手です。

私は配列を持っているとしましょう：

var arr = ["simple", "classic", "pro", "amat"];

私がしたいのは、jQueryを使用して、配列内のIDが一致するdivを削除することです。

どうすればいいですか？

Answer 1

var idSelector = '#' + arr.join(', #'); // "#simple, #classic, #pro, #amat"
$(idSelector).remove();

ドキュメント:

• Array.join
• IDセレクター
• 複数セレクター
• .remove()

Answer 2

とてもシンプルです。

$(arr).each(function(){
    $("#" + this).remove();
});

Answer 3

DEMO

$.each(arr, function(){
  $('#'+this).remove();
});

http://api.jquery.com/jQuery.each/

$.each() 関数は、jQuery オブジェクトを排他的に反復するために使用される $(selector).each() と同じではありません。$.each() 関数を使用して、オブジェクトであるか配列であるかに関係なく、任意のコレクションを反復処理できます。配列の場合、コールバックには配列インデックスと対応する配列値が毎回渡されます。( this キーワードを使用して値にアクセスすることもできますが、Javascript は this 値が単純な文字列または数値であっても、常にオブジェクトとしてラップします。) メソッドは、最初の引数である、反復されたオブジェクトを返します。

Answer 4

例http://fiddle.jshell.net/3c2RP/1/

html:

<div id="simple">simple</div>
<div id="classic">classic</div>
<div id="pro">pro</div>
<div id="amat">amat</div>
<div id="strange">strange</div>

js:

$(function(){
    var arr = ["simple", "classic", "pro", "amat"];
    $.each(arr,function(){
        $("#"+this).remove();
    });
});