Determina il numero di div con jQuery - jquery

Sto usando jQuery Tools (http://flowplayer.org/tools/index.html) per creare tooltip, ho creato un file js che contiene le seguenti righe:

$("div#example-0").tooltip("#example-0-tooltip");
$("div#example-1").tooltip("#example-1-tooltip");
$("div#example-2").tooltip("#example-2-tooltip");
$("div#example-3").tooltip("#example-3-tooltip");

eccetera.

Funziona bene se c'è un numero noto di esempi-div, tuttavia mi piacerebbe che funzionasse con un numero sconosciuto di esempi-div.

Fondamentalmente vorrei che il mio jQuery fosse in grado di leggere l'albero DOM e determinare quanti esempi-div ci sono e in qualche modo scorrere tutti loro e aggiungere il suggerimento.

Qualcuno sa come fare questo?

risposte:

8 per risposta № 1

Usa il inizia con attributo matcher e iterate. Prendi l'id dall'elemento corrente e invoca il suggerimento.

$("div[id^=example-]").each( function() {
$(this).tooltip( "#" + $(this).attr("id") + "-tooltip" );
});

Oppure, se ognuno avesse la stessa classe in aggiunta agli ID univoci.

$("div.exampleClass").each( function() {
$(this).tooltip( "#" + $(this).attr("id") + "-tooltip" );
});

O se, come suggerisce @Savageman, puoi farla franca riutilizzando lo stesso nome DIV per il tooltip (e usare una classe per contrassegnare tutti i div che necessitano di un suggerimento).

$("div.exampleClass").tooltip("#exampleTooltip");

---

1 per risposta № 2

Dai loro tutti la stessa classe in modo da poterlo fare

$("div.classname").tooltip(...);

---

0 per risposta № 3

Questo restituisce il numero dell'elemento:

$("element").size();

---

0 per risposta № 4

Metti una certa classe a tutte le div. Il codice essenziale rimarrà lo stesso.

Ex:

<div id="1" class="tooltip">
</div>

<div id="2" class="tooltip">
</div>
<div id="3" class="tooltip">
</div>
<div id="4" class="tooltip">
</div>

e il codice:

$("div.tooltip").tooltip("#example-0-tooltip");

---

0 per risposta № 5

non sono sicuro se questo aiuta, ma c'è un suggerimentoplugin per jquery che può utilizzare l'attributo title di un tag per generare un suggerimento. Lo fa automaticamente, quindi non dovresti impostare una dichiarazione per ciascuno, basta avere un titolo assegnato al div.

---