Javascript 使用jQuery比较具有相同类名但id不同的多个输入字段

我想让jquery/javascript函数相互比较多个值，如果其中一个值出现差异，则在html主体中的每个字段旁边回显“values is different”

<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函数必须是动态的，才能应用于设置的输入字段数。

尝试每个（）函数

---

您可以在下面

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或自定义标记以显示消息。我在这里使用了一个span标记

$( "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");
        }
    });

});

---

因此，这不是一个让人们为您编写代码的地方。您的不同之处是什么？我希望您知道如何使用jQuery选择和循环元素？您的问题混合了jQuery、UI和业务逻辑，因此很难回答/帮助您。场景是，您将检查每个标志值（即flag1、flag2…）并相互比较值。若所有的都是相同的，那个么显示值是相同的，若其中一个结果不同，那个么循环将中断，显示值也不同。我只想要每个领域的相互比较逻辑。假设字段为100，则所有字段都必须相互比较。

$("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");
        }
    });

});