JavaScript/JQuery: Wie den Inhalt eines HTML-Elements by value kopieren?

SinnlosS · 23.02.2011, 15:13

Zunächst mal, ich habe diese Frage auch im offiziellen JQuery-Forum gestellt:
http://forum.jquery.com/topic/how-ca...t-by-reference
Da ich aber zum einen kein JavaScript-Experte bin und nicht weiß, ob mein Problem klassisches JavaScript-Verhalten oder JQuery-spezifisch ist, und zum anderen in der Vergangenheit bei Fragen im JQuery-Forum noch nie eine zufriedenstellende Antwort erhalten habe, stelle ich die Frage auch hier nochmal.
Falls das nicht ok sein sollte entschuldige ich mich schonmal und bitte um Schließung/Verschiebung/Löschung des Threads.
Sollte im JQuery-Forum eine Lösung kommen, werde ich diese natürlich umgehend auch hier posten (und umgekehrt).

Mein Problem:
Ich möchte den Inhalt eines HTML-Elements auslesen und in einer Variablen speichern.
Danach möchte ich den Inhalt des HTML-Elements ändern. Dabei wird mir aber der Inhalt der Variablen mitgeändert. Das heißt die Variable wird wohl als Referenz auf den HTML-Inhalt angelegt.

Hier der Code:

Code:

$(function(){
	var editedTarget = null;
	var currentTargetValue = 0;
	$(".editable-target").click(function(){
		editedTarget = $(this);
		console.log($(this).html());
		currentTargetValue = parseInt($(this).html(),10);
		console.log(currentTargetValue);
		$(this).html('bla')
	});
});

Die beiden console.log()'s spucken mir bei einem Klick auf .editable-target vier Zeilen aus (Gott weiß wieso, ich hätte zwei erwartet, die Zuweisung $(this).html('bla') scheint, aus welchen Gründen auch immer, die console.log()'s ein zweites Mal zu triggern).
Sagen wir in .editable-target steht eine 52. Dann bekomme ich in der console ausgegeben:
52
52
bla
NaN

Hat irgendjemand eine Idee, wie ich es hinbekomme, dass in currentTargetValue die 52 stehen bleibt?

ChrisB · 23.02.2011, 15:19

Bitte beachten: http://www.php.de/php-einsteiger/ann..._Multipostings

*close*

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
HTML/JavaScript: Verschachtelte Auswahlfelder	Zergling-new	Tutorials	28	16.09.2010 12:33
OpenID und XAMPP	nanatsusaia	PHP Tipps 2009	2	20.11.2009 13:21
Probleme mit Bildgenerierung	swsche	PHP Tipps 2009	8	31.10.2009 14:49
Was mime_content_type übergeben	dethlef14	PHP Tipps 2006	16	11.10.2006 17:35
JS: Inhalt von Hiddenfeld in Textfeld kopieren.	Bronks	HTML, Usability und Barrierefreiheit	5	23.05.2006 14:50
MySQL mit phpMyAdmin verwalten		Datenbanken	20	13.04.2006 11:13
PHP-Safe-Mode Configuration mit Xampp - Scripts laufen nicht	DerN8WaechterX	PHP Tipps 2006	7	27.01.2006 00:41
[Erledigt] Seite wird nicht angezeigt, untersch. Fehler bei IE/FF/Safar		PHP-Fortgeschrittene	19	31.05.2005 14:52
[Erledigt] warum kann nicht SVG files laden?		PHP Tipps 2005	16	09.03.2005 14:05
[Erledigt] Warning: filemtime() [function.filemtime]: stat failed for		PHP-Fortgeschrittene	12	25.02.2005 19:44
html formular value an php übergeben	tennessee	PHP Tipps 2005	5	29.01.2005 18:41
html value als php-variable anzeigen???		PHP Tipps 2004-2	23	09.12.2004 13:21
html value als php-variable anzeigen???		PHP-Fortgeschrittene	1	09.12.2004 09:11

23.02.2011, 15:13
SinnlosS Benutzer Registriert seit: 16.07.2010 Beiträge: 80 PHP-Kenntnisse: Fortgeschritten	JavaScript/JQuery: Wie den Inhalt eines HTML-Elements by value kopieren? Zunächst mal, ich habe diese Frage auch im offiziellen JQuery-Forum gestellt: http://forum.jquery.com/topic/how-ca...t-by-reference Da ich aber zum einen kein JavaScript-Experte bin und nicht weiß, ob mein Problem klassisches JavaScript-Verhalten oder JQuery-spezifisch ist, und zum anderen in der Vergangenheit bei Fragen im JQuery-Forum noch nie eine zufriedenstellende Antwort erhalten habe, stelle ich die Frage auch hier nochmal. Falls das nicht ok sein sollte entschuldige ich mich schonmal und bitte um Schließung/Verschiebung/Löschung des Threads. Sollte im JQuery-Forum eine Lösung kommen, werde ich diese natürlich umgehend auch hier posten (und umgekehrt). Mein Problem: Ich möchte den Inhalt eines HTML-Elements auslesen und in einer Variablen speichern. Danach möchte ich den Inhalt des HTML-Elements ändern. Dabei wird mir aber der Inhalt der Variablen mitgeändert. Das heißt die Variable wird wohl als Referenz auf den HTML-Inhalt angelegt. Hier der Code: Code: $(function(){ var editedTarget = null; var currentTargetValue = 0; $(".editable-target").click(function(){ editedTarget = $(this); console.log($(this).html()); currentTargetValue = parseInt($(this).html(),10); console.log(currentTargetValue); $(this).html('bla') }); }); Die beiden console.log()'s spucken mir bei einem Klick auf .editable-target vier Zeilen aus (Gott weiß wieso, ich hätte zwei erwartet, die Zuweisung $(this).html('bla') scheint, aus welchen Gründen auch immer, die console.log()'s ein zweites Mal zu triggern). Sagen wir in .editable-target steht eine 52. Dann bekomme ich in der console ausgegeben: 52 52 bla NaN Hat irgendjemand eine Idee, wie ich es hinbekomme, dass in currentTargetValue die 52 stehen bleibt?


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

23.02.2011, 15:19
ChrisB Moderator¹ Registriert seit: 28.03.2010 Beiträge: 7.470 PHP-Kenntnisse: Fortgeschritten	Bitte beachten: http://www.php.de/php-einsteiger/ann..._Multipostings close __________________ RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?