es posible establecer un atributo personalizado mediante la función jQuery attr() utilizando las variables JS

Question

Estoy usando jquery 1.5 y html4 estándar.
estoy tratando de establecer atributo personalizado, que me sale por la variable javascript, pero no se muestra la configuración up.code:

var attname="list1"; this is changed on every call of the function where it is defined.  
var attvalue="b,c,d"; this also changed. 
jQuery('#div1').attr({attname:attvalue}); 

pero tratar attName como la propia cadena bastante variable. hay otra opción como usar data(), prop() pero son compatibles con HTML5 y jquery 1.6 que no me es posible en este momento. Otro problema es que los datos no se pueden configurar en el servidor para sincronizarlos y usarlos en el lado del cliente por jquery data(). ya que son sintácticamente diff. si hay alguna otra manera favor de sugerir Gracias.

Answer 1

Creo que se debe utilizar este

jQuery('#div').attr(attname,attvalue); 

Answer 2

<div data-test="lala">asdf</div> 

alert($('div').data('test')); 
var t = 'data-test2'; 
var v = 'hiho'; 
$('div').attr(t,v); 
alert($('div').data('test2')); 
alert($('div').attr('data-test2')); 

funciona todo esto para mí: http://jsfiddle.net/r7uQ8/ probado en jQuery 1.4.4

Answer 3

notación de corchetes es su amigo:

var attname = "haha"; 
jQuery('#div')[0][attname] = "foo"; 
alert(jQuery('#div')[0][attname]); 

http://jsfiddle.net/KJBHq/

Answer 4

Sí se puede añadir cualquier atributo que desee, pero tenga cuidado:

$('#foobar').attr('foo','bar'); 

http://jsfiddle.net/each/rnnfk/ - Confirmar esta demo

Answer 5

Sí, pero el uso de data- prefijo antes para evitar la colisión

$('elm').attr('data-'+attname,attvalue); 

El uso del prefijo data- no requiere HTML5.