从jquery中获取div中的所有标签文本和输入值

-1

<div class="control-group" 
<label for="Student_DateOfEnrolment" class="control-label">Date</label> 
<div class="controls"> 
<input type="text" value="1.1.0001 0:00:00" name="Student.DateOfEnrolment" id="Student_DateOfEnrolment" data-val-required="The Datum vpisa field is required." data-val-date="The field Datum vpisa must be a date." data-val="true" class="input-xlarge focused"> 
</div> 
</div>

我有许多表单输入字段，如示例中所示。我可以以某种方式读取所有标签文本并将数据输入到数组中，并稍后显示。我想从一些div收集所有内容。从jquery中获取div中的所有标签文本和输入值

我做了什么至今：

$(function(){ 

           $('#MyWizard').each(function (i, div) { 
            alert('in here'); 
            $(div).find('input').each(function (j, element) { 
             alert('lll'); 
            }); 
           }); 
          });

我得到警报“在这里”，但没有“LLL”

来源

2014-07-16 senzacionale

是的，当然可以。 – undefined

是否可以安全地假设您的每个输入都是在'control-group'中设置的，输入在'controls'容器中？ –

是的，它是安全的asume。 – senzacionale

循环每<div>与control-group类，从中我们可以深入到<label>和<input>元素，收集他们的“价值观”，提出把整个事情到一个数组：

$(function() { 
    var labelValuePairs = $('#MyWizard .control-group').map(function(el) { 
     return { 
      label: $('.control-label', el).text(), 
      value: $('.controls :input', el).val() 
     }; 
    }).get(); 
    console.log(labelValuePairs); 
});

的出放到控制台将是这样的：

> [Object] 
    > 0: Object 
    label: "Date" 
    value: "1.1.0001 0:00:00"

这是对象的数组，其0 ^第项是与所显示的属性的对象。

jsFiddle Demo

来源

2014-07-16 14:12:31

从jquery中获取div中的所有标签文本和输入值

回答

相关问题