JQUERY, wie man Daten auf HTML-Inhalt setzt?

Question

Ich habe eine Variable s, die Zeichenfolge

'<div>hello world</div>' 

(Ich kann nicht den Inhalt von s aus)

Ich möchte Datensatz auf s Ich habe versucht, enthält:

$(s).data('value', 50); 
$($(s)).data('value', 50); 

Beliebig Idee?

s = '<div>hello world</div>'; 
s = $(s).data('value', 50); // works now !!! 
console.log($(s).data('value')); 

Answer 1

Ihr erstes Beispiel ($(s).data('value', 50);) funktioniert einwandfrei. Die Aktualisierung im DOM wird nicht angezeigt, da jQuery data Attribute in einem internen Cache für eine bessere Leistung enthält. Sie können es durch das Lesen der Wert wieder heraus gearbeitet überprüfen:

var $div = $('div'); 
 

 
console.log('before: ' + $div.data('value')); 
 
$div.data('value', 50); 
 
console.log('after: ' + $div.data('value'));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div>hello world</div>

Wenn Sie das data-value Attribut im DOM aktualisieren würde es vorziehen, attr() verwenden, wie folgt aus:

var $div = $('div'); 
 
$div.attr('data-value', 50);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div>hello world</div>

Verwenden Sie den DOM-Inspektor um die Wirkung des obigen Codes zu sehen.

Answer 2

Der einzige Weg, können Sie machen, was Sie Arbeit showng ist eine Referenz auf das ursprüngliche Objekt zu speichern ... dann den Wert erhalten von diesem Objekt

var $s = $(s).data('value', 500); 
console.log($s.data('value')); 

Was Sie derzeit tun, ist die Schaffung von zwei Objekten mit der gleichen ursprünglichen Zeichenfolge und es gibt keine Referenz zwischen diesen Objekten

$(s) == $(s)// false