javascript - jquery 获取给定名称的 div 包含的所有元素

Question

所以我首先要说的是我对 JS 和 JSQuery 完全陌生。所以我处于以下情况。该页面的结构如下:

<div id="id1">
   <input name="input1" .... >
   .....
</div>

<div id="id2" disabled="disabled">
   <input name="input1"  ....>
</div>

.....

因此，输入的名称只会在不同的 div 上重复，并且在给定时刻只有一个 div 不会被禁用。我需要能够从具有给定 ID 的 div 获取具有给定名称的输入元素。读完之后我的做法是:

var inputs = $('div[id="' + parent_div +'"] input').filter(function() {
            return (this.hasOwnProperty('name') && (typeof this.name  != "undefined") && this.name == component_name);
        });;
for (input in inputs){
   alert(inputs[input]);
   alert(inputs[input].name);           
    } 

现在我希望它只返回我给定的组件。然而，结果对于我这个初学者来说非常奇怪。警报将返回如下内容:

objectHTMLInputElementcomponent_name ---- 所以第一个是正确的，但在之后:

1未定义

对象对象未定义

对象 HTMLDocument未定义

div[id="data_modelHR"] input.filter(function () { return (this.hasOwnProperty('name') && (typeof this.name != "undefined") && this.name == component_name); })未定义

这种情况会持续一段时间，并具有不同的功能。有什么建议吗？

问候，博格丹

Answer 1

如果您想迭代数组的索引元素，请勿使用 foo in bar 遍历数组。

看看你会得到什么:http://jsfiddle.net/doktormolle/7qzcv/
您可以获得索引元素 0+1，还可以获得 jQuery 对象的所有方法/属性。

用途:

for (var i=0;i<inputs.length;++i){
   alert(inputs[i]);
   alert(inputs[i].name);           
    } 

或者 jquery 方式:

inputs.each(function(i,o){alert(o);alert(o.name); })