Jquery 获取div的children值

Jquery 获取div的children值,jquery,html,css,Jquery,Html,Css,下午好,我正在尝试获取父div.clonedInput的所有子级值。单击send按钮。此外,我想输出格式如下,请在一个临时警报的地方;用于确认运行代码的变量 //例如: //Div:1 textboxvalue1 textboxvalue2 textboxvalue3 textboxvalue4// //新线// //第2部分:textboxvalue1 textboxvalue2 textboxvalue3 textboxvalue4// 现场演示: 再次感谢:您可以使用jquery获取每个字

下午好,我正在尝试获取父div.clonedInput的所有子级值。单击send按钮。此外,我想输出格式如下,请在一个临时警报的地方;用于确认运行代码的变量

//例如:

//Div:1 textboxvalue1 textboxvalue2 textboxvalue3 textboxvalue4//

//新线//

//第2部分:textboxvalue1 textboxvalue2 textboxvalue3 textboxvalue4//

现场演示:


再次感谢:

您可以使用jquery获取每个字段的值。每个方法:

这是你最新的小提琴:


如果您想以您在问题中想要的格式显示,这里还有一个演示:

这将实现您想要的。将id clonedInput1调整为类或任何您需要的内容

$( document ).ready(function() {
    $(".send").on("click", function(){
        var txtValues = 'Div1:';
    // Get all inputs values on send button click and separate on a new line//
        $("#clonedInput1 input").each(function(){
            txtValues += ' '+$( this ).val();
        });

    //output//
        alert(txtValues);
    });
 });

您的目标是动态添加更多行的输入框吗?否收集所有文本字段值我使用jquery 1.8(而不是1.9)收到一条js错误消息,您是否绑定到1.8?检查,感谢您的帮助。由于.live事件处理程序,您的错误正在发生。您可以将其更改为.on,它也可以执行相同的操作。谢谢数量工作得很好,但是我如何才能获得.clonedInput div中的所有文本框值?我将其添加到了答案的末尾,在下面的链接下:谢谢,有没有办法制作数量:值宽度:值高度:值特殊注释值?是的,您可以简单地更新字符串,使其在每个值之前包含这些标题:再次感谢,我能让它只显示完全填写的文本值吗?
$( document ).ready(function() {
    $(".send").on("click", function(){
        var txtValues = 'Div1:';
    // Get all inputs values on send button click and separate on a new line//
        $("#clonedInput1 input").each(function(){
            txtValues += ' '+$( this ).val();
        });

    //output//
        alert(txtValues);
    });
 });