jQuery谓词选择器

时间:2016-07-26 05:53:56

标签: jquery jquery-selectors selector

我不确定我的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>
&#13;
&#13;
&#13;

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

[div.reviewdiv_1,div.reviewdiv_2,div.reviewdiv_3,prevObject:n.fn.init [1],context:document,selector:&#34; div [class ^ =&#39; reviewdiv&#39; ]&#34;]

1 个答案:

答案 0 :(得分:1)

不。您的代码没有任何问题,除了您应该删除类选择器中的单引号。但即使你保留报价,它也能正常工作。

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

请注意,该元素已解包,因此您需要执行$(element)来获取它的JQuery元素。