jQuery选择器正在获得重复的元素

时间:2016-11-30 14:59:41

标签: javascript jquery html jquery-selectors

我遇到了jQuery选择器的问题。我在说这个:

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

这就是我得到的:

enter image description here

Selector正在返回带有类row的两个元素,但是在元素内只有一个类row的元素具有类prockeyscontainer。这是HTML:

enter image description here

这里发生了什么?提前谢谢。

1 个答案:

答案 0 :(得分:0)

发现问题。我以这种方式动态地使用jQuery预先.prockeyscontainer

$("<div class='prockeyscontainer'></div>").prependTo(el_container);

el_container对象包含此内容:

var el_container = $(data).appendTo($("body"));

data对象包含此内容:

<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_container是由array函数返回的两个元素headdiv appendTo。因此,当我在前面添加一个新元素:.prockeyscontainerel_container时,它被应用于两个数组元素。