Cómo agregar un atributo HTML con jQuery

Question

Bueno, tengo esta presentación de diapositivas de imágenes jQuery que usa el atributo "control" dentro de <a>. Al ver cómo no validaba, busqué una manera de agregar este atributo dentro de mi HMTL a través de jQuery, pero realmente no encontré nada relevante. Ahora realmente no me importa cuán válida es mi página, pero tengo mucha curiosidad sobre cómo agregar un atributo HTML dentro de una etiqueta HTML.

En caso de que yo no era lo suficientemente claro con mi explicación, tengo este código:

<a id="previous" control="-6" href="#"></a> 

Y quiero añadir de control = "- 6" con jQuery.

Answer 1

Desde la versión de jQuery ha sido así tratado aquí, pensé que les ofrecería algo diferente , asi que aquí una alternativa DOM API nativa:

document.getElementById('previous').setAttribute('control','-6'); 

Sí, sé que solicitó jQuery. Nunca duele conocer la forma nativa también. : o)

Answer 2

función del uso jQuery attr

$("#previous").attr("control", "-6"); 

Un ejemplo

// Try to retrieve the control attribute 
// returns undefined because the attribute doesn't exists 
$("#previous").attr("control"); 

// Set the control attribute 
$("#previous").attr("control", "-6"); 

// Retrieve the control attribute (-6) 
$("#previous").attr("control"); 

ver este example on jsFiddle

---

Usted no puede utilizar alternativamente data función para almacenar valores en los elementos. Funciona de la misma manera, por ejemplo:

$("#previous").data("control"); // undefined 
$("#previous").data("control", "-6"); // set the element data 
$("#previous").data("control"); // retrieve -6 

Usando data puede almacenar valores más complejos como objetos

$("#previos").data("control", { value: -6 }); 
($("#previos").data("control")).value; // -6 

Ver un data example on jsFiddle

Answer 3

Prueba esto:

$('#previous').attr('control', '-6'); 

Por qué ? la función $.attr(); de jQuery le permite agregar, obtener o actualizar atributos (clase, id, href, enlace, src, control y todo lo demás).

Answer 4

$("#previous").attr("control", "-6"); 

Answer 5

HTML:

<a id="previous" href="#">...</a> 

jQuery:

$('#previous').attr('control', '-6'); 

Answer 6

Déjame ver si te entendí. que tiene, por ejemplo, el código:

<a id="previous" href="#"></a> 

Y por jQuery que usted quiere que sea:

<a id="previous" control="-6" href="#"></a> 

¿Es correcto? Si es así. Solo tienes que hacer:

$('#previous').attr('control', -6); 

Si no existe un atributo, lo crea jQuery. Así, para eliminarlo que puede hacer:

$('#previous').removeAttr('control'); 

Lo que está haciendo no respeta las reglas en HTML y en todo lo demás, pero funciona bien, una gran cantidad de plugins que haga lo mismo. ; D

¡Espero que esto pueda ser útil!

¡Te veo!

Answer 7

jQuery's attr hará eso. Ejemplo:

$("#previous").attr("control", "-6"); 

También puedes ver este ejemplo en http://jsfiddle.net/grfSN/.