2016-11-30 7 views
-1

jQueryセレクタに問題があります。jQueryセレクタが重複した要素を取得しています

var keysContainerRows = $(".prockeyscontainer").find(".row"); 
console.log(keysContainerRows); 

をそして、これは私が取得していますものです:私はこれを呼んでいる

enter image description here

セレクタは、クラスrowとの2つの要素を返しているが、と要素の内部クラスrowで一つだけの要素がありますクラスprockeyscontainer。これはHTMLです:

enter image description here

ここで何が起こっていますか?前もって感謝します。

+4

'prockeyscontainer'クラスでは何人ですか? – mkaran

+1

聞こえません。サイトのローカルデバッガを起動し、 'document.querySelectorAll( '。prockeyscontainer')。length;' – jAndy

+0

が '.prockeyscontainer'クラスの複数の要素をページに持っていますか? – ADyson

答えて

0

問題が見つかりました。私はjQueryを使って動的にこの方法を.prockeyscontainerを付加しています:

el_containerオブジェクトは、この含まれてい
$("<div class='prockeyscontainer'></div>").prependTo(el_container); 

dataオブジェクトは、この含まれてい
var el_container = $(data).appendTo($("body")); 

<head xmlns="http://www.w3.org/1999/html"> 
    <link rel="stylesheet" href="../style/index.css"/> 
</head> 

<div class='addkeysdialogv2'> 
    . . . . . (Content) . . . . . 
</div> 

ので.prockeyscontainer要素が先頭に付加されていたがhead要素およびaddkeysdialogv2要素も同様である。私はel_containerappendTo関数によって返された2つの要素(headdiv)のarrayだったと思います。だから、私は新しい要素を前もって置いていた:.prockeyscontainerからel_containerそれは両方の配列要素に適用されていた。

関連する問題