javascript - 如何检查数组中是否存在 jQuery 对象？

Question

给定一个 item 和一个 array，我想知道 array 中是否存在 item。

item 是一个 jQuery 对象，例如$(".c")。您可以假设 item.length == 1。

array 是 jQuery 对象的数组，例如[$(".a"), $(".b")]。此数组中的每一项可能代表 0、1 或更多对象。

以下是我的实现方式:( live demo here )

function inArray(item, arr) {
    for (var i = 0; i < arr.length; i++) {
        var items = $.makeArray(arr[i]);

        for (var k = 0; k < items.length; k++) {
            if (items[k] == item[0]) {
                return true;
            }
        }
    }

    return false;
}

你能找到更优雅的实现吗？

---

示例:

HTML:

<div class="a">Hello</div>
<div class="a">Stack</div>
<div class="a">Overflow</div>

<div class="b">Have</div>
<div class="b">a</div>
<div class="b">nice</div>
<div class="b">day!</div>

<div class="c">Bye bye</div>

JS:

console.log(inArray($(".a").eq(2), [$(".a"), $(".b")])); // true
console.log(inArray($(".b").eq(3), [$(".a"), $(".b")])); // true
console.log(inArray($(".c"), [$(".a"), $(".b")]));       // false
console.log(inArray($(".a").eq(2), [$(".b")]));          // false
console.log(inArray($(".a").eq(2), []));                 // false
console.log(inArray($(".c"), [$("div")]));               // true

Answer 1

根据Felix的建议:

[$(selector1), $(selector2), ... ] 可以简化为

$(selector1, selector2, ...)

或

$(selector1).add(selector2)...

然后它可以实现为:

function inArray(item, arr) {
  return (arr.index(item) != -1);
}

Live demo here