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() 函数与 $(selector).each() 不同，后者用于以独占方式遍历 jQuery 对象。$.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();
    });
});