Configuración del atributo de un elemento de etiqueta con método orientado a objetos

Question

Las etiquetas tienen un atributo 'for' que las hace apuntar a un determinado campo de entrada. Necesito cambiar el valor de este atributo con JQuery para poder usar:

$("label").attr("for", "targetName");

Pero también necesito establecer className, así que preferiría usar:

$("label").attr({
    for: "targetName",
    className: "something" 
});

Es posible que ya haya notado el problema, porque es, por supuesto, una palabra clave en javascript. ¿Alguien sabe cómo podría resolver esto? Actualmente estoy usando el primer método para establecer el for y el segundo para establecer varios otros atributos, funciona pero no es realmente bonito.

Cualquier ayuda sería muy apreciada.

Answer 1

también podría usar htmlFor en lugar de para:

$("label").attr({
    htmlFor: "targetName",
    className: "something" 
});

Answer 2

¿Has intentado usar teclas de cadena:

$("label").attr({
  'for': "targetName",
  'className': "something"
});

?

Answer 3

Pruebe algo como:

$("label").attr("for", "targetName").attr("class", "something")

O

$("label").attr("for", "targetName").addClass("something")

O

$("label").attr({ "for": "targetName", className: "something" });

Answer 4

Esto debería funcionar,

$("label").attr("for","targetName").attr("class","something");