Aggiunta dati personalizzati attributo per un nuovo nodo in Jquery non funziona

Question

ho cercato di utilizzare il metodo data (jQuery 1.7.1) in questo codice:

var q = '<div class="form-error-marker"></div>'; 
var t = $(q).data('message', message).insertAfter(el); 

e non funziona.

Si noti che questo funziona:

var t = $(q).attr('data-message', message).insertAfter(el); 

Perché la prima variante non funziona?

MODIFICA: insertAfter funziona correttamente e viene aggiunto un nuovo div dopo el (che è l'istanza di un elemento che ottengo dalla funzione getElementById(); per farla breve ho una libreria che estendo).

Quando dico "non funziona" intendo che l'attributo "data-message" non è memorizzato.

Answer 1

Utilizzare data come quello imposta una parte arbitraria di dati per questo nodo; non aggiunge un nuovo attributo data-. Basta aggiungere l'attributo con la funzione attr, e quindi accesso con data

var q = $('<div class="form-error-marker"></div>').attr("data-message", message); 

ora accedere in questo modo:

var message = q.data("message"); 

Ecco un fiddle

Answer 2

Quando si utilizza jQuery.data don cambiare gli attributi degli elementi, invece i tuoi dati salvati in $.cache. Quindi, se si desidera modificare gli attributi degli elementi utilizzare jQuery.attr, quando si desidera salvare alcune informazioni utilizzare jQuery.data