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

没有。您的代码没有任何问题，只是您应该删除 class 选择器中的单引号。但即使保留引号也能正常工作。

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

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

jQuery 谓词选择器

jQuery predicate selector

jquery

selector

jquery-selectors