Question

Here是我的多动态字段代码。插入字段后，<div>将变为这样。

<div id="buildyourform">
    <div id="field1">
        <!--text fields go here -->
    </div>

    <div id="field2">
        <!--text fields go here -->
    </div>

    <div id="field3">
        <!--text fields go here -->
    </div>

    <div id="field4,5,6,7.....">
        <!--text fields go here -->
    </div>
</div>

现在，我必须使用jquery index()来捕获部分号的每个<div>文本字段。但它只返回first div tag,0给我。如何检索其他索引/字段？下面是我的ajax和jquery来检索数据。

$(".partNumber").autocomplete({         
    minLength:1,
    source: 'readPart.php',
     select: function(event, ui){
        var selected = ui.item.value;
        $.ajax({                        
            type: "POST",
            url: "get_partDetails.php",
            data:'erfq_partNo='+selected,
            complete: function(response){   
                var index = $("#buildyourform div").index();
                alert(index);
            }
        });
    }
});

我也尝试了这个，但我不会一次又一次地迭代整个文本字段，我只想获取所选的文本字段值。

$('#buildyourform div').each(function(index){
    alert(index);
});

以下是我想要的示例输出。

Answer 1

如图所示：How to get the input element triggering the jQuery autocomplete widget?，我认为你可以这样做：

$(".partNumber").autocomplete({         
    minLength:1,
    source: 'readPart.php',
     select: function(event, ui){
        var selected = ui.item.value;
        var index = $(this).parent().index();
        alert(index);
        $.ajax({                        
            type: "POST",
            url: "get_partDetails.php",
            data:'erfq_partNo='+selected,
            complete: function(response){   
                //Do your code here
            }
        });
    }
});

编辑：我刚刚意识到你正在使用jQuery自动完成功能，这对我有很大帮助...

Answer 2

我认为你可以使用每个内部函数的第二个参数

$('#buildyourform div').each(function(index, obj){
    if ($(obj).attr("id") === 'userSelection') {
        alert(index);
        return false; // to break each
    }
});

此示例遵循以下文档：

JQuery each function

希望这有帮助！

获取所选div标签的索引

2 个答案: