Javascript jquery.find()在ipad上无法正常工作
我有这个HTML: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
<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:谢谢你……没有仔细查看每个部分,把它和事件混淆了。