Ich muss wissen, ob ich die Elemente in einem div und nach 3 Elementen zählen kann, um ein HTML-Objekt hinzuzufügen.jQuery - Nach Anzahl der Elemente HTML hinzufügen!
<div id="wrapper">
<a href="#">1</a>
<a href="#">1</a>
<a href="#">1</a>
//insert html with jQuery here
<a href="#">1</a>
<a href="#">1</a>
<a href="#">1</a>
//insert html with jQuery here
<a href="#">1</a>
<a href="#">1</a>
<a href="#">1</a>
//insert html with jQuery here
</div>
$('#wrapper a').each(function(i,e){
if (((i+1) % 3) == 0)
$(this).after('<p>Hello, world.</p>');
});
Nutzen .each ‚s "i" Parameter, der Elementindex gibt. Dann können Sie Modulo verwenden, um das 3. Element zu erhalten und anzuhängen.
Arbeitsbeispiel: http://www.jsfiddle.net/hd7FP/1/
an dieser Stelle zeigt nur eine alternative Lösung
Werfen Sie einen Blick auf die nth-child-selector.
Grundsätzlich gilt:
$("#wrapper a:nth-child(3n)").after("<span>I'm new.</span>");
Ich glaube, er brauchen würde, verwenden .after() anstelle von append html an den Stellen einzufügen. –
Das ist gut, danke! Aber es zeigt die Spanne im Kind an, nicht danach. Gibt es eine Möglichkeit für mich, den HTML-Code hinzuzufügen, nachdem die ahref endet? –
@Florescu: Sie wollen ['nachher'] (http://api.jquery.com/after/) anstelle von [' append'] (http://api.jquery.com/append/) – user113716
$('#wrapper a').each(function(index) {
if ((index+ 1) % 3 == 0)
$(this).after(content);
});
vielleicht nur ((i + 1) == 3) wäre gut genug? ;) – shybovycha
Es funktioniert perfekt! Vielen Dank! –
@Sshybovycha: Probieren Sie es auf der JSFiddle-Link und sehen, ob das funktioniert. (Versuch und Irrtum ist eine sehr gute Art zu lernen.; D) - @FlorescuAdrian: Gern geschehen. –