jQuery每个错误：未捕获TypeError：不能使用'in'运算符在div中搜索'18'[data-role = page]

Question

我的HTML就像

<div data-role="page" id="Dialog_1" data-url="Dialog_1">...</div>
<div data-role="page" id="Dialog_2" data-url="Dialog_2">...</div>
 .
 .
 .
<div data-role="page" id="Dialog_17" data-url="Dialog_17">...</div>
<div data-role="page" id="Dialog_18" data-url="Dialog_18">...</div>

我想通过$ .each选择所有data-role =“page”

我的jQuery

$.each("div[data-role=page]", function (){
   console.log($(this).attr('id'));
});

它给出了错误：

Uncaught TypeError: Cannot use 'in' operator to search for '18' in div[data-role=page]

http://jsfiddle.net/8xUy3/

Answer 1

你需要提供一个jQuery集合，而不仅仅是$.each()一个选择器：

$.each($("div[data-role=page]"), function (){
    console.log(this.id);
});

或者，甚至更好：

$("div[data-role=page]").each(function (){
    console.log(this.id);
});

请注意，我用this.id替换了$(this).attr('id') 。 它获得完全相同的属性，但它的效率更高。

小提琴示例

Answer 2

你的代码无法工作的关键原因是因为你试图迭代一个字符串，这不是你真正想要做的。

要迭代jQuery集合，请尝试使用.each()的另一种形式：

$("div[data-role=page]").each(function() {
    //...
});

$.each()通常用于数组或普通对象。

Answer 3

属性值必须在''内

尝试这样的事情：

$.each("div[data-role='page']", function (){
    console.log($(this).attr('id'));
});