2012-01-07 12 views
6

Biorąc pod uwagę item i array, chciałbym wiedzieć, czy item istnieje w array.Jak sprawdzić, czy obiekt jQuery istnieje w tablicy?

item to obiekt jQuery, np. $(".c"). Możesz założyć, że item.length == 1.

array to tablica obiektów jQuery, np. [$(".a"), $(".b")]. Każda pozycja w tej tablicy może reprezentować 0, 1 lub więcej obiektów.

Oto jak myślałem zaimplementować to: (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; 
} 

można znaleźć bardziej eleganckie wykonanie?


Przykład:

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 
+2

Czy to musi być tablicą? Dlaczego nie używasz obiektu jQuery i [.index() '] (http://api.jquery.com/index/)? –

+0

@Felix: Chyba chcesz użyć '$ (". A, .b ")'. Brzmi rozsądnie! –

+1

Lub możesz użyć ['add()'] (http://api.jquery.com/add/), aby zbudować obiekt jQuery. –

Odpowiedz

9

Według Felixa sugestia:

[$(selector1), $(selector2), ... ] można uprościć do

$(selector1, selector2, ...) 

lub

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

a następnie może być realizowane jako:

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

Live demo here

+0

Genialny! Dzięki! –

+0

Dobre rozwiązanie! Nie sądzę, że to naprawdę potrzebuje funkcji owijającej - chociaż OP był w swojej własnej funkcji, wystarczy, że wykonanie jednej linii wewnątrz funkcji jest więcej niż wystarczające. – Leith

8

co o

if(jQuery.inArray(some, array) === -1) 
{ 
//process data if "some" is not in array 
} 
else 
{ 
//process if "some" is in array 
} 

przeczytać tutaj: http://api.jquery.com/jQuery.inArray/

+5

Chociaż jest wielokrotnie wznawiana, to NIE działa dla tablicy zawierającej obiekty jQuery (o to właśnie prosił OP). Zobacz odpowiedź Mishy na poprawne rozwiązanie, używając metody .index() jQuery. – Jpsy

+0

To rozwiązanie nie działa dla tablicy elementów jquery – user590849

+0

Nie działa dla tablic obiektów. Najpierw przeczytaj. – Craig

0
if($.inArray("valueYouWantToFind", nameOfTheArray) == true) { 
    Your code; 
} 

Eg., 
var userChoice = ["yes"]; 
if($.inArray('yes',userChoice) == true) { 
        alert("found"); 
       } 
0
console.log(!!~$.inArray("a", ["a", "b", "c"])); 
+6

Czy mógłbyś trochę to rozwinąć?Odpowiedzi "Spróbuj tego" nie wyjaśniają wiele i zachęcają do powtarzania tych samych pytań w kółko. – Gary

+0

Zgadzam się z powyższym komentarzem: wyjaśnienie, dlaczego jest to odpowiedź, pomogłoby wszystkim, zwłaszcza tam, gdzie używasz dwóch "sztuczek" JavaScript w jednym wierszu. – Whymarrh

-1
data = [ 
    {val:'xxx',txt:'yyy'}, 
    {val:'yyy',txt:'aaa'}, 
    {val:'bbb',txt:'ccc'} 
]; 

      var dummyArray = []; 
      var distinctValueArray = []; 

      $.each(data, function (index, firstobject) { 
       //push first element of object in both dummy array and distinct array. 

       if (index == 0) { 
        distinctValueArray.push(firstobject); 
        dummyArray.push(firstobject.txt); 
       } 
       else { 

        //started from 2nd index. 

        if ($.inArray(firstobject.txt, dummyArray) == -1) { 
         distinctValueArray.push(firstobject); 
        } 
        dummyArray.push(firstobject.txt); 
       } 
      }); 
      dummyArray.length=0; 
Powiązane problemy