获得div的子女价值观

时间:2015-03-30 20:03:02

标签: jquery html css

下午好,我试图在.clonedInput按钮点击时获取父div [{1}}的所有孩子的值。此外,我希望输出格式如下,请放入临时.send变量以确认功能代码。

//例:

// Div:1 textboxvalue1 textboxvalue2 textboxvalue3 textboxvalue4 //

//新行//

// Div 2:textboxvalue1 textboxvalue2 textboxvalue3 textboxvalue4 //

现场演示:https://jsfiddle.net/5xu5myvq/

再次感谢:)

2 个答案:

答案 0 :(得分:0)

您可以使用jquery的.each()方法获取每个字段的值:

("button.send").on("click", function () {
    var total = 0;
    $('.quantity').each(function(){
       total += parseInt($(this).val());
    });
});

这是您更新的小提琴:https://jsfiddle.net/5xu5myvq/2/

如果您希望在问题中以您想要的格式显示,也可以参加以下演示:https://jsfiddle.net/5xu5myvq/4/

答案 1 :(得分:0)

这将完成你想要的。将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);
    });
 });