2016-07-26 7 views
0

:$( "divの[クラス^ = 'reviewdiv']")jQueryの述語セレクタ

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>

コンソールには、以下のことを示しています、この配列を使って各メソッドを実行することができないため、私は間違っていると思います。

[div.reviewdiv_1、div.reviewdiv_2、div.reviewdiv_3、prevObject:n.fn.init [1]、context:document、selector : "div [class^= 'reviewdiv']"]

+0

このエラーは、jqueryが含まれていないためです。 "Uncaught ReferenceError:$が定義されていません" –

答えて

1

Nope。あなたのコードに間違いはありませんが、クラスセレクタの一重引用符を削除してください。引用符をつけていても動作します。

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

要素がラップされていないことに注意してください。そのため、JQuery要素を取得するには$(要素)を実行する必要があります。

+0

これは機能しましたが、問題は関数内で$(this)でした – Olga