jQuery 谓词选择器

Question

我不确定我的 jQuery 选择器是否正确：$("div[class^='reviewdiv']")

var dispContent = $("div[class^='reviewdiv']");
console.log(dispContent);

    <div class='reviewdiv_1'>
        <img class='img_review' src='../images/man_1.png'> 
    </div>            
    <div class='reviewdiv_2'>
        <img class='img_review' src='../images/man_2.png'> 
    </div>            
    <div class='reviewdiv_3'>
        <img class='img_review' src='../images/man_3.png'> 
    </div>

控制台显示以下内容，我认为这是错误的，因为我无法通过此数组运行 .each 方法：

[div.reviewdiv_1, div.reviewdiv_2, div.reviewdiv_3, prevObject: n.fn.init[1], 上下文: 文档, 选择器: "div[class^='reviewdiv']"]

Answer 1

不。您的代码没有任何问题，除了您可能应该删除类选择器中的单引号。但即使你保留引号它也有效。

$("div[class^=reviewdiv]").each(function(index,element){
         console.log(index,element);
});

请注意，该元素是展开的，因此您需要执行 $(element) 来获取它的 JQuery 元素。