jQuery 1.6 类型属性未定义

Question

我似乎无法获取 jQuery 1.6 中的 type 属性

<div id="div_id">
    <input type="text" value="foo" />
    <input type="text" value="foo" />
    <input type="text" value="foo" />
    <input type="text" value="foo" />
    <input type="checkbox" checked="checked" />
</div>

和jquery

$.each('#div_id input',function(index,value){
    var input_type = $(this).prop('type')
    alert(input_type);
    /*
    switch(input_type) {
         case 'checkbox':
            $(this).prop('checked',false);
            break;
                //more cases here
        default:
        this.value = '';
    }*/
});

查看我的fiddle

Answer 1

这是因为你误解了$.each()函数，它接受数组或对象(而不是选择器)。当您将字符串传递给 $.each() 时，jQuery 会迭代字符串中的所有字符(在大多数浏览器中)。

要解决此问题，您可以将选择器传递给 jQuery，然后在 $.each() 中使用结果，或者对结果调用 .each():

$('#div_id input').each(function(index,value){
    var input_type = $(this).prop('type');
    /* ... */
});

查看您的updated fiddle .

如果您有胆量，可以在函数内放弃 jQuery 并直接访问属性，从而提高效率并减少代码:

var input_type = this.type;