jQuery anhängen und zusammenschieben

Ich habe diese Append-Methode, die ich erstellt habe, um weitere Eingabefelder hinzuzufügen, bis 10 davon vorhanden sind, die das Erstellen von mehr deaktivieren.

i = 0;
$('#add-link').click(function() 
{   
    if(i < 9)
    {
        $('.insert-links').append('<div class="new-link" name="link[]"><input type="text" /></div>');
        i++;
    }
    if(i == 9)
    {
        $('#add-link').html('');    
    }
});

Obwohl es gut ist. Ich möchte jedoch ein slideDown implementieren, wenn es angehängt wird, ich habe versucht, dies zu tun:

$('.insert-links').append('<div class="new-link" name="link[]"><input type="text" /></div>').slideDown("fast");

Was gar nicht geht.

append() gibt einen Verweis auf den ursprünglichen Selektor zurück, nicht auf das, was angehängt wurde. Ich denke du suchst das hier:

$('.insert-links').append('<div style="display: none;" class="new-link" name="link[]"><input type="text" /></div>')
$('.insert-links').find(".new-link:last").slideDown("fast");

Live-Demo:

http://jsfiddle.net/V4SVt/2/

Wie die Lösung von SimpleCoder, aber in nur einer Zeile appendTo():

$('<div style="display: none;" class="new-link" name="link[]"><input type="text" /></div>').appendTo($('.insert-links')).slideDown("fast");

Demo: http://jsfiddle.net/V4SVt/336/

Obwohl die Lösung von SimpleCoder vollkommen gültig ist, würde ich es so machen:

i = 0;
$('#add-link').click(function() {   
    if(i < 9) {
        $('.insert-links').append('<div style="display: none;" class="new-link link_' + i + '" name="link[]"><input type="text" /></div>');
        $('.link_' + i).slideDown("fast");
        i++;
    }
    if(i == 9) {
        $('#add-link').fadeOut('200');
    }
});

Der Grund dafür wäre, dass jeder Link input würde eine ID in Form einer zweiten Klasse erhalten, was sehr praktisch wäre, um sie auszuwählen, falls man ein Element entfernen möchte, falls man versehentlich mehr als nötig hinzufügt. Ich habe auch einen Fade-Out-Effekt hinzugefügt add-link -Element, damit der Benutzer nicht verwirrt wird, dass es einfach verschwunden ist. Natürlich ist es nur eine Frage des persönlichen Geschmacks, aber ich finde es benutzerfreundlicher.

Hoffe das hilft.