сравнение нескольких полей ввода с тем же именем класса, но не с тем же идентификатором с помощью jQuery

Question

Я хочу сделать функцию jquery/javascript, которая сравнивает несколько значений друг с другом, если один из них выходит иначе, чем echo «Значения разные» рядом с каждым поле присутствует в html корпусе.

<input name="flag2" type="text" id="flag2" class="flags"> 

<input name="flag3" type="text" id="flag3" class="flags"> 

<input name="flag4" type="text" id="flag4" class="flags"> 

<input name="flag5" type="text" id="flag5" class="flags"> 

<input name="flag6" type="text" id="flag6" class="flags"> 

Примечание: Я использую кнопку с функцией JQuery, чтобы добавить новое поле в прессе, использует appendTo, чтобы добавить больше полей. иногда у меня больше или меньше полей, функция jquery должна быть динамической, чтобы применить к числу введенных полей ввода.

Answer 1

Попробуйте каждую функцию()

$(".flags").each(function(){ 
alert(this.value); 
}); 

Link for references

Answer 2

Вы можете выполнить работу с помощью двух каждой функции в Jquery ниже,

Получить селектор общий для всех входных тегов скажем .flags, а затем создать петлю, чтобы получить все объекты DOM

var temp; var start=0; var boolN=true; 
$("input.flags").each(function(index) { 

    if (start==0) { 
     temp = $(this).text(); 
    } else if (temp = $(this).text()) { 
     temp = $(this).text(); 
    } else { 
     boolN = false; 
    } 
}); 

Теперь проведите цикл или ваш пользовательский тег, чтобы отобразить сообщение. Я использовал поверочного тег здесь,

$("span").each(function(index) { 
    if (boolN) { 
     $(this).html("Values are Simillar"); 
    } else { 
     $(this).html("Values are Different"); 
    } 
}); 

Теперь пара и вышеуказанные методы в пользовательский метод и связать click событие кнопки, как

$("button").click(function() { 

    var temp; var start=0; var boolN=true; 
    $("input.flags").each(function(index) { 

     if (start==0) { 
      temp = $(this).text(); 
     } else if (temp = $(this).text()) { 
      temp = $(this).text(); 
     } else { 
      boolN = false; 
     } 
    }); 
$("span").each(function(index) { 
     if (boolN) { 
      $(this).html("Values are Simillar"); 
     } else { 
      $(this).html("Values are Different"); 
     } 
    }); 

}); 

Working Example at JS Fiddle