jquery - 如何获取 Div 的所有文本框的值？

Question

我有一个 div 容器，当单击“添加”按钮时，我正在创建一个动态文本框控件

<div id="Container">
    <input type="Submit" id="AddTextBox" value="Add">
    <!-- Here are my dynamic textboxes -->
    <input type="text" value='' class="dynamic">
    <input type="text" value='' class="dynamic">
    <input type="text" value='' class="dynamic">
</div>

<input type="create" id="create" onclick="GetValue();" value="create">

我想获取所有文本框控件的值，例如：

Function GetValue()
{
    var COntain=TextBoxValue+"$"+Textbox2Value+"$"; // so on
}

Answer 1

function GetValue(){
    var Contain = "";
    $("#Container :text").each(function(){
        Contain += $(this).val() + "$";
    });
}

Answer 2

这将为您提供具有 id = "Container" 的 div 的所有文本框的 $ 分隔连接值

现场演示

str = "";
$('#Container input[type=text]').each(function (){
  str+=$(this).val() + "$";
});

//To remove the extra $ at end  
if(str != "")  
    str = str.substring(0,str.length-1);

Answer 3

var completetext ='';
$('.dynamic').each(function() {
    completetext = completetext + ', ' +$(this).val();
});

输出将存储在变量中completetext