jquery - 使用 $(selector).each 获取每个 div 的一个 div 内的多个输入框的值

Question

我有一个包含产品的选择列表，单击添加按钮后，它将生成信息并将其显示在具有 id 的 div 内的输入框中，每次添加产品时都会添加一个新的 div，注册所有产品我想获取创建的每个 div 的输入框的信息，代码如下: 这是制作 div 和输入的部分

$(document).on('click', '#ap', function() {
    var desctext =  $('#descripcion option:selected').text();
    var descval = $('#descripcion option:selected').val();
    var html = 
        '<div class="productoaline">' +
        '<input type="text" class="id" name="descval" readonly="readonly" value="' + descval + '"/>' +
        '<input type="text" class="text" readonly="readonly" value="' + desctext + '"/>' +
        '<input type="text" class="text" name="cantidad" placeholder="CANTIDAD DESEADA" value=""/>' +
        '<input type="button" class="button remove" value="Quitar" />' +
        '<div>';
    $('#productosa').append(html);
});

这是我迄今为止获得的值

$(document).on('click', '#registrar', function(){
//var idp;
var cant;

// $('.productoaline').each(function(index){

$('.productoaline').each(function(index){
    //idp = $('name=["descval"]').val();
    cant = $('name=["cantidad"]').val();
    alert(index + ':' + cant);
 });

 // });

});

我只需要那些有名字的，如何才能从每个 div 中只获取这些输入。选择偶数索引怎么样，看来偶数索引就是我需要的索引。 谢谢您的帮助!我想过使用 map ，但我从未使用过它，任何见解将不胜感激

Answer 1

这里有一些需要注意的事情...

• 您只能在文档中使用某个 id 一次，如果您多次使用它，您可能需要考虑使用类，或者尝试迭代 id: “productoaline1”、“productoaline2”等...
• 在每个循环中，您选择 #cantidad，这自然只会在第三次时为您提供结果。
• 您应该使用 console.log() 而不是 alert() 来显示调试信息。这会将信息输出到浏览器的控制台。您可以通过 Firefox 的 Firebug 或 Google Chrome 的 Inspector 等工具访问控制台。

我不确定你到底在问什么，但我认为你可能正在寻找这样的东西:

$('#productoaline > input').each( function( index ){
    console.log( index, $(this).val() );
});