Question

如何获取仅具有类名的input内的所有div代码的长度，ID和名称？

HTML：

<div id="division1" class="clonedInput kudd">
    <div class="set1">
        <label for="eee">Name</label>
        <input id="ee2" type="text" value="" name="ee2">
        <input id="ee3" type="text" value="" name="ee3">
    </div>

jQuery的：

$('.set1 > input').attr('id').length;
$('.set1 > input').attr('id'); //No output

Answer 1

您可以使用each：

$('.set1 input').each(function() {
    var $this = $(this); // Caching

    var id = $this.attr('id');
    var name = $this.attr('name');
    var length = $this.val().length;

    console.log('ID: ' + id + '    Name: ' + name + '    Length: ' + length);
});

通用迭代器函数，可用于无缝迭代对象和数组。具有length属性的数组和类似数组的对象（例如函数的参数对象）由数字索引迭代，从0到length-1。其他对象通过其命名属性进行迭代。

文档：http://api.jquery.com/jQuery.each/

Answer 2

$('.set1 input').each(function(){
    console.log($(this).attr('id'));
});

Answer 3

$('.set1 input').each(function() {
var length= $(this).val().length;
    var id = $(this).attr('id');
 var name= $(this).attr('name');
});

Answer 4

在jquery中使用.map()

var map = $('.set1 input').map(function() {
    return { 'id' : $(this).attr('id'),
             'name' :  $(this).attr('name')
           }
}); 
console.log(map)

Answer 5

使用jquery $.each()函数获取所有输入记录

DEMO

泛型迭代器函数，可用于无缝迭代对象和数组。数组和数组类似的对象重复长度属性（例如函数的参数对象）按数字索引，从0到长度-1。其他对象通过迭代他们的命名属性。

JQUERY

 $(document).ready(function(){

    $('.set1 > input').each(function(){
     console.log($(this).attr('id') +"=="+$(this).attr('id').length);
    });

 });

获取＆＃34;输入＆＃34;的长度，ID和名称;标签

5 个答案: