loop through elements with jquery?

Question

Nunca he pasado por los elementos con jquery y sería genial con algo de ayuda.

mi DOM parece:

<div class="section"> 

    <div class="group"> 
     <div class="comment"> 
      <input class="comment" type="text" /> 
      <br /> 
     </div> 
     <div class="link"> 
      <input class="link" type="text" /> 
      <input class="link" type="text" /> 
      <br /> 
     </div> 
    </div> 

    <div class="group"> 
     <div class="comment"> 
      <input class="comment" type="text" /> 
      <input class="comment" type="text" /> 
      <br /> 
     </div> 
     <div class="link"> 
      <input class="link" type="text" /> 
      <br /> 
     </div> 
    </div> 

</div> 

¿Cómo se escribe el código para obtener todos los valores en los campos de entrada de texto (class = comentario y class = enlace). habrá muchos grupos con diferentes números de campos de entrada de texto.

gracias!

Answer 1

$(":input.comment, :input.link").each(function() { 
    alert($(this).val()); // or this.val 
}); 

Ver:

• http://docs.jquery.com/Utilities/jQuery.each
• http://docs.jquery.com/Selectors/input

Answer 2

Esto selecciona todos los elementos con una clase de comentario o enlace, y alerta a su valor.

$(".comment, .link").each(function() { 
    alert($(this).val()); 
}); 

Como alternativa, puede seleccionar el tipo de entrada:

$("input[type='text']").each(function() { 
    alert($(this).val()); 
}); 

Answer 3

intento:

$(":input.comment, :input.link", "div.group").each(function() { 
    alert($(this).val()); 
}); 

Answer 4

La siguiente sintaxis es más claro para mí (aunque es funcionalmente equivalente a las otras respuestas) :

var elementList = $(":input.comment, :input.link"); 
$.each(elementList, function(i, input){ 
    alert($(input).val()); 
}); 

Answer 5

Respondiendo a la pregunta

Primera línea para la carga: Necesitamos recorrer cada bucle. Segunda línea para el bucle de los campos de texto, suponga que necesita un tipo de entrada diferente - simplemente reemplace con esa Tercera línea - Asegurándose de que no está en blanco Cuarta línea - será su lógica de negocios (En este caso, estoy tratando de analizar el . campo de texto de entrada)

Ver este violín: http://jsfiddle.net/5FVtR/86/

$(document).ready(function() { 
    $(":text").each(function() { 
     if($(this).val() !='') { 
      $(this).val()=parseFloat($(this).val()).toFixed(2) 
      return false; 
     } 
    });