2011-04-10 12 views
5

Tengo el siguiente código HTML¿Cómo consigo atributo HTML personalizada en cada uno de jQuery() bucle

<input type="text" name="first" expression="firstExpression"/> 
<input type="text" name="last" expression="secondExpression"/> 
<input type="text" name="age" expression="thirdExpression"/> 

que tiene una expresión atributo personalizado .

I utilizando jQuery para iterar sobre todos los elementos de entrada, y aunque voy a tener que hacer algo más tarde, tienen que ser capaces de agarrar el valor de expresión de cada uno de estos elementos de entrada, y compararlo con el valor de ese elemento de entrada.

soy capaz de agarrar el valor de la expresión de la siguiente manera

var expressionValue = inputs.attr("expression"); 

pero que sólo coge el valor de la expresión de los siguientes, que deben ser capaces de hacer lo mismo como el escenario

siguiente
function showValues() 
{ 
    var inputs = $(":input[expression]"); 
    inputs.each(function(index){ 
    var input = inputs[index]; 
    //need to be able to get 'expression' from input var here 
    }); 
} 

el código anterior es agarrar correctamente todos los elementos que necesito, pero yo soy incapaz de encontrar la manera de agarrar el valor de la expresión de atributos

Respuesta

12

utilice el $.each así:

function showValues() 
{ 
    var inputs = $("input[expression]"); 
    console.log(inputs); //output input for debug 
    inputs.each(function(){ 
     console.log(this,$(this).attr('expression'));//show expression (for debug) 
    }); 
} 

showValues(); 

violín: http://jsfiddle.net/maniator/LmW8P/

0

tratar

$ (entrada) .attr ('expresión'); // expresión

1

probar esto

$("input[expression]").each(function(){ 
    console.log($(this).attr('expression')); 
})
1

Si todo lo que le interesa es el valor del atributo, puede optiona lly pase un function() en .attr() que le permitirá iterar la colección.

Code example on jsfiddle.

0

Además, si usted tiene la libertad de utilizar HTML5, que sería lo mejor para anexar la palabra "Data-" para el atributo personalizado ya que esto no invalidaría el documento.

Más detalles sobre Custom Attributes: Yay or Nay

Y W3.org habla de los atributos personalizados en más detalles y también menciona una propiedad de conjunto de datos para poder acceder a todos los elementos de este tipo con bastante facilidad en escritura, detalles en la W3.Org - Using Custom Attributes

Esperanza ¡esto ayuda!

Cuestiones relacionadas