removeData() jquery-Methode funktioniert nicht

Question

Ich denke, ich benutze RemoveData korrekt, aber es scheint nicht zu funktionieren, hier ist, was ich in der Dev-Konsole sehe, könnte jemand erklären, was ich falsch mache?

Ich gebe den aktuellen Datenattributwert aus, rufe removeData auf, gebe den Wert dann erneut aus und ist noch immer dort.

$('.questionList > li').eq(1).data('fieldlength') 
3 
$('.questionList > li').eq(1).removeData('fieldlength'); 
[ 
<li class=​"questionBox" data-createproblem=​"false" data-fieldlength=​"3" data-picklistvalues data-required=​"true" data-sfid=​"a04d000000ZBaM3AAL" data-type=​"Text">​ 
<div class=​"questionLabel">​Birthdate​</div>​ 
</li>​ 
] 
$('.questionList > li').eq(1).data('fieldlength') 
3 

Answer 1

Es ist, weil Ihr data stammt im HTML data-fieldlength Attribut. Nach the docs:

Wenn .removeData („namen“) verwenden, jQuery versuchen wird, ein Daten- Attribut für das Element zu suchen, wenn kein Objekt mit diesem Namen in dem internen Daten-Cache ist. Um eine erneute Abfrage des Datenattributs zu vermeiden, setzen Sie den Namen auf einen Wert von entweder null oder undefiniert (z. B. .data ("name", undefined)) anstelle von .removeData().

Also statt

$('.questionList > li').eq(1).removeData('fieldlength'); 

sollten Sie tun

$('.questionList > li').eq(1).data('fieldlength',null); 

Answer 2

Es gibt wenig gotcha ich, falls jemand stolpert es ...

klären wollte Wenn Sie haben HTML5 data-* Attribute für ein Element, das Sie verwenden müssen removeAttr() von jQuery anstelle von removeData(), wenn Sie sie aus dem Element im DOM entfernen möchten.

Zum Beispiel, um tatsächlich ein Datenattribut von einem Element entfernen Sie verwenden müssen:

$({selector}).removeAttr('data-fieldlength'); 

Sie können lesen Werte wie diese mit $({selector}).data('fieldlength') aber removeData() tatsächlich sie nicht entfernen, wenn sie HTML sind Attribute auf einem Element in der Quelle der Seite (es löscht es nur im Speicher, so dass, wenn Sie es erneut mit jQuery abfragen erscheint entfernt worden sein).

Persönlich denke ich, dass dieses Verhalten gebrochen ist und ich bin sicher, dass eine Menge Leute herausfängt.

Answer 3

In Verstecktes Feld benutzerdefinierte Daten mit Attributobjektdaten speichern Sollte .removeAttr() anstelle von .removeData() mit ID

Answer 4

Eigentlich funktioniert das besser für mich verwenden. Weil das Attribut im Element intakt bleibt, ihm jedoch kein Wert zugewiesen ist.

$(selector).attr("data-fieldlength",""); 

Answer 5

.removeData() wird nur Daten aus internen .data() jQuerys Cache entfernen so dass alle entsprechenden data- Attribute auf dem Element werden nicht entfernt. Ein späterer Aufruf an data() wird daher den Wert aus dem Attribut data- des Elements wieder abrufen. Um dies zu verhindern, verwenden Sie .removeAttr() neben .removeData(), um das Attribut data- ebenfalls zu entfernen.

Beispiel:

$('div').removeData('info'); 
$('div').removeAttr('data-info'); 

Dann setzen entweder:

$('div').data('info', 222); 
$('div').attr('data-info', 222);