Ausgeblendetes HTML-Element manipulieren

[Tronjer]

Ich habe hier ein ausgeblendetes Div.

<div id="target" style="display:none;"></div>

Das ich gerne in einen Container packen würde, bevor es eingeblendet wird.

$(document).on('click', '#button', function() {
    $('#target').wrap('<div class="new" />');
})

Es funktioniert nur leider nicht. Hätte jemand einen Tipp, wie man ausgeblendete HTML-Elemente manipulieren kann?

 

[Tronjer]

Wo sind die Pros? ;)

Es gibt mit Sicherheit dafür einen Lösungsansatz. Ich sehe nur, nach 14h online, den Wald vor lauter Bäumen nicht mehr.

 

[Sentence]

Moin,
wie kommst du darauf, das es nicht geht?
Der Code ist nämlich richtig.
Solange sich das Element im DOM befindet, ist jQuery egal ob das eingeblendet ist oder nicht.

#target vielleicht doppelt vergeben?

MfG

 

[Tronjer]

Eben noch mal probiert, der Eventlistener wird nicht akzeptiert, obwohl ich jQuery 1.8.3 habe. Verstehe nicht, warum.

So funzt es:

$('#button').click(function() {
    $('#target').wrap('<div class="new" />');
});

 

[Sentence]

Merkwürdig, bei mir geht auch oberer Code mit jquery 1.8.3

Edit this Fiddle - jsFiddle

MfG