javascript - 获取字段属性的 JQuery 通用工具。

Question

我正在尝试编写一个通用的 javascript 工具来使用 JQuery 获取表单字段名称、id 及其值。

<div id="StudentForm">
<div><input id='name' name='name' value='John' /></div>
</div>

例如，我想获取 'StudentForm' div 中的所有字段，输出它的 id、名称和值。如何编写通用工具包或API？

我喜欢 JQuery，所以我更喜欢 JQuery 解决方案。

Answer 1

jsfiddle example

HTML:

<div id="StudentForm">
    <div><input id='name' name='name' value='John' /></div>
    <div><input id='name1' name='name1' value='John1' /></div>
    <div><input id='name2' name='name2' value='John2' /></div>
    <div><input id='name3' name='name3' value='John3' /></div>
</div>

jQuery:

var all = ''; //if you need all at once

$('#StudentForm > div > input').each(
    function(){
        if(all.length == 0){
        all = $(this).val();
        }else{
        all = all + ':' + $(this).val() ;
        }
        alert(   'value : '+$(this).val()+'\n'+
                 'name  : '+$(this).attr('id')+'\n'+
                 "use $(this).attr('any atribute') for any other attr you need"

             );

    })
alert(all)

我希望这就是您正在寻找的..