Javascript jquery.find()在ipad上无法正常工作

Javascript jquery.find()在ipad上无法正常工作,javascript,jquery,html,ipad,Javascript,Jquery,Html,Ipad,我有这个HTML: <div id = "note"> <div id = "selection"></div> <div id = "element"></div> </div> <div id = "note"> <div id = "selection"></div> <div id = "element"></div> &l

我有这个HTML:

<div id = "note">
    <div id = "selection"></div>
    <div id = "element"></div>
</div>

<div id = "note">
    <div id = "selection"></div>
    <div id = "element"></div>
</div>

<div id = "note">
    <div id = "selection"></div>
    <div id = "element"></div>
</div>
<div class= "note">
  <div class= "selection"></div>
  <div class= "element"></div>
</div>
使用桌面时,一切正常。 当使用ipad(safari或chrome)时-在每个函数的末尾,我都会得到id为=“#selection”的所有元素,其左上方都相同

<div class= "note">
  <div class= "selection"></div>
  <div class= "element"></div>
</div>
我使用wen inspector调试代码,在控制台中运行$(this.find(#selection))时,我得到所有三个元素的id=“#selection”

<div class= "note">
  <div class= "selection"></div>
  <div class= "element"></div>
</div>
我错过什么了吗?
在ipad上使用“.find()”是否存在已知问题?

Id应该是唯一的。使用类而不是它

<div class = "note">
    <div class = "selection"></div>
    <div class = "element"></div>
</div>

<div class = "note">
    <div class = "selection"></div>
    <div class = "element"></div>
</div>

<div class = "note">
    <div class = "selection"></div>
    <div class = "element"></div>
</div>
<div class= "note">
  <div class= "selection"></div>
  <div class= "element"></div>
</div>
编辑 就像@Barmar建议的那样,应用一个公共样式不需要循环每个元素,您可以像这样直接使用

$(".note .selection").css({left: left, top: top})
<div class= "note">
  <div class= "selection"></div>
  <div class= "element"></div>
</div>

ID应该是唯一的。对于类似的id,id选择器仅查找与DOM匹配的第一个元素。改为使用类:

<div class= "note">
  <div class= "selection"></div>
  <div class= "element"></div>
</div>
HTML:

<div class= "note">
  <div class= "selection"></div>
  <div class= "element"></div>
</div>

使用类而不是Id。因为Id在html中是唯一的

<div class= "note">
  <div class= "selection"></div>
  <div class= "element"></div>
</div>
$("[class=note]").each(function(){

    $(this).find(".selection").css({"left":left , top : top});

});

键入
$(“[id=note”)
,并复制id选择器中缺少一个
]
。无需
。查找
。只要
$(“.note.selection”).css({left:left,top:top})
@Barmar你是对的。那么也就不需要循环了。你还缺少了一个
]
。如果你想简化它,就一直这样做
$(“.note.selection”)。css(…)
@Barmar:谢谢你……没有仔细查看每个部分,把它和事件混淆了。