Czy jQuery ma odpowiednik Elementu Elementu Prototypu?

Czy istnieje wbudowana metoda lub domyślna wtyczka defacto, która pozwoli automatycznie przypisać unikalny identyfikator do elementu w jQuery, czy też trzeba zaimplementować coś takiego samemu? Szukam odpowiednika jQuery do Prototype's identify method Czy jQuery ma odpowiednik Elementu Elementu Prototypu?

Oto przykład. Mam pewną strukturę HTML na stronę, która wygląda tak

<span id="prefix_1">foo bar</span> 
... 
<div id="foo"> 
    <span></span> 
    <span></span> 
    <span></span> 
</div>

chcę przypisać każde z przęseł identyfikator, który będzie przypisany do strony. Więc po wywołaniu coś takiego

$('#foo span').identify('prefix'); //fake code, no such method

wytopione DOM będzie wyglądać następująco

<span id="prefix_1">foo bar</span> 
... 
<div id="foo"> 
    <span id="prefix_2"></span> 
    <span id="prefix_3"></span> 
    <span id="prefix_4"></span> 
</div>

Czy jest coś urzędnik-owski/wytrzymałe dla jQuery, czy jest to coś, co większość deweloperów jQuery toczyć na własną rękę ?

Źródło

2009-01-22 Alan Storm

Nigdy nie potrzebowałem czegoś takiego ... Do czego byś tego użył? Pamiętaj: jQuery działa z zestawami elementów, a prototyp działa z poszczególnymi elementami - możesz lepiej dopasować swoją logikę do tego modelu. – Shog9

To naprawdę dobry punkt; Spędziłem ostatnie 6 miesięcy z prototypem. Pierwotnie napisałem widżet/wtyczkę jQuery, które działało na pojedynczym elemencie strony, używająC#id do obsługi załączników. Pomyślałem, że najprostszym sposobem na rozszerzenie mojego kodu, by działał na planie, byłaby funkcja identyfikacji.Wyraźnie źle –

Upuść swój komentarz w odpowiedzi, jeśli nadal dbasz o przedstawiciela po drugiej stronie 10k. –

jQuery.fn.identify = function(prefix) { 
    var i = 0; 
    return this.each(function() { 
     if(this.id) return; 
     do { 
      i++; 
      var id = prefix + '_' + i; 
     } while($('#' + id).length > 0);    
     $(this).attr('id', id);    
    }); 
}; 

$('span').identify('test');

przetestowane na:

<span id='test_2'></span> 
<span>test1</span> 
<span>test2</span> 
<span>test3</span>

włączeniu go do:

<span id="test_2"></span> 
<span id="test_1">test1</span> 
<span id="test_3">test2</span> 
<span id="test_4">test3</span>

Źródło

2009-01-22 21:09:30

Kod działa i jest doceniany, ale wciąż szukam czegoś, co działo się od jakiegoś czasu i sprawdziłem się w środowisku naturalnym (co w żaden sposób nie jest krytyką podanego kodu) –

Przed pisaniem tego artykułu obejrzałem stronę jQuery. i nie mogłem nic znaleźć, ale dostałem to, skąd przybywasz. Myślę, że wszystko omawiałem. –

Dobra robota Paolo. – Prestaul

Nie wiem, ale można to zrobić samodzielnie, dodając atrybut id i dostarczając identyfikator GUID.

Aby dodać atrybut:

$(foo).attr("id", createGuid());

Dla realizacji createGuid(), see this question.

Zauważ, że możesz z łatwością przekształcić to w jQuery plug-in, dzięki czemu ta funkcja (możesz nawet nazwać ją identify()) jest dostępna pod dowolnym wyrażeniem $-.

Źródło

2009-01-22 21:03:34

Tak, to nie jest zbyt trudne wdrożenie. Innym podejściem byłoby zapisanie liczby referencyjnej na funkcji wtyczki i jej inkrementacja za każdym razem, gdy została wywołana. Miałem nadzieję, że pojawi się coś bardziej oficjalnego, co złapie wszelkie skrajne przypadki, o których nie pomyślałem. –

Zrozumiano i zgodziłem się na uzyskanie bardziej "natywnej" metody! Interesuje mnie też lepsza odpowiedź ... –

(Informacja/kod jest doceniany i warty oddania głosu, w przypadku, gdy nie było to oczywiste) –

-1

Może spróbuj

$("#foo span").each(function(){ 
    $(this).attr("id", "prefix_" + $(this).parent().index($(this))); 
});

Źródło

2009-01-22 21:05:21 Birk

Te nie będą unikalne na skalę globalną, którą zazwyczaj chcesz w identyfikatorze. –

podstawie Paola rozwiązania:

jQuery.fn.identify = function(prefix) { 
    var i = 0; 
    return this.each(function() { 
     if($(this).attr('id')) return; 
     do { 
      i++; 
      var id = prefix + '_' + i; 
     } while($('#' + id).length > 0);    
     $(this).attr('id', id);    
    }); 
}; 

$('span').identify('test');

Mała zmiana, która pozwoli uniknąć ponownego liczenia już wykorzystanych identyfikatorów.

Źródło

2009-01-22 21:20:10 gizmo

Tak to miałem początkowo, ale jeśli jest tylko element o nazwie "test_2", przeskoczy on prosto do "test_3", nie robiąc nigdy "testu_1" - nie jestem pewien, czy jest to pożądane, czy nie. –

Tak, to z powodu argumentu "i" w wywołaniu "każdy". Usunąłem go, aby uniknąć tego problemu. – gizmo

Yup. Dotarłem też. –

bym zmodyfikować daną funkcję lekko i uczynić go:

jQuery.fn.identify = function(prefix) { 
    var i = 0; 
    return this.each(function() { 
     if($(this).attr('id')) return; 
     do { 
      i++; 
      var id = prefix + '_' + i; 
     } while(document.getElementById(id) != null);    
     $(this).attr('id', id);    
    }); 
};

identyfikatora może zawierać znaków specjalnych, które wymagają ucieczki w celu poprawnego działania z silnikiem selektora CSS jQuery - jak „”. Zamiast więc znajdować i uciekać, łatwiej i szybciej zastąpić je metodą dokumentu.

Źródło

2010-05-12 17:30:41

Czy jQuery ma odpowiednik Elementu Elementu Prototypu?

Odpowiedz

Powiązane problemy