JQuery dodawanie klasy do sklonowanego elementu

Question

To jest mój skrypt:

$('.addprop').click(function() { 
     $('#clone').clone().insertAfter('.addprop'); 
    }) 

muszę dodać klasę do nowego elementu, który jest tworzony. Czy to możliwe?

Answer 1

Tak, to jest:

$('.addprop').click(function() { 
     $('#clone').clone().addClass('newClass').insertAfter('.addprop'); 
    }) 

Chociaż jesteś klonowania element na podstawie jego id, $('#clone'), więc pamiętać, że tam będą dwa elementy dzielące samą id, co sprawia, wynik nieważny HTML, więc sugeruję:

$('.addprop').click(function() { 
     $('#clone').clone().attr('id',id += 1).addClass('newClass').insertAfter('.addprop'); 
    }); 

To będzie skutecznie dodać numer 1 do końca końca bieżącej wartości id. Aby uczynić to bardziej dynamicznym, prawdopodobnie musiałbyś oprzeć go na liczbie elementów nowej nazwy klasy:

Answer 2

Pewnie.

Po sposobie .clone() obecny elementem jest klonem ..

$('#clone').clone().addClass('class-name-here').insertAfter('.addprop'); 

---

Wskazówka

trzeba będzie zmienić id klonu, ponieważ muszą być unikatowym w DOM i kiedy klonujesz ten element, identyfikator również jest klonowany ...

Więc lepiej zrobić coś podobnego

$('#clone').clone().attr('id','newid').addClass('class-name-here').insertAfter('.addprop');