Question

<div id=Apple1>
    <div id=Round></div>
</div>
<div id=Apple2>
    <div id=Round></div>
</div>
<div id=Apple3>
    <div id=Round></div>
</div>
<div id=Apple4>
    <div id=Round></div>
</div>
<div id=Apple5>
    <div id=Round></div>
</div>

$("#Apple1 #Round")
$("#Apple2 #Round")
$("#Apple3 #Round")

基本上我有多个div不同的包装器div id和相同的内部div id。

我可以用这种方式使用jquery来唯一识别div标签吗？

Answer 1

根据定义，

id应该是唯一的，我会说在HTML页面中有多个相同的id是无效的。

如果您愿意，可以使用课程：

<div id="Apple1">
   <div class="Round">
</div>
...

然后

$('#Apple1 .Round');
//etc

Answer 2

是的，你可以，但是拥有相同id的多个元素在任何标准下都不是有效的HTML。

Answer 3

id必须是唯一的，而是使用“Round”类来代替，然后将目标标识为唯一id div内的圆形。

$('#Apple1 .Round')

Answer 4

您无法在页面中重复ID，它们必须是唯一的。将重复的ID切换到班级

<div id=Apple1>
     <div class=Round></div>
 </div>

然后你做你原来尝试的事情

 $('#Apple1 .Round').doSomething()

Answer 5

ID必须是唯一的。你必须使用class而不是你的id“round”。

<div id="Apple1">
    <div class="Round"></div>
</div>
<div id="Apple2">
    <div class="Round"></div>
</div>
<div id="Apple3">
    <div class="Round"></div>
</div>
<div id="Apple4">
    <div class="Round"></div>
</div>
<div id="Apple5">
    <div class="Round"></div>
</div>

你可以用这种方式查询jquery：

$("#Apple1 .Round")
$("#Apple2 .Round")
$("#Apple3 .Round")

Answer 6

<div id=Apple1>
    <div></div>
</div>
<div id=Apple2>
    <div></div>
</div>
<div id=Apple3>
    <div></div>
</div>
<div id=Apple4>
    <div></div>
</div>
<div id=Apple5>
    <div></div>
</div>

$("#Apple1").children()
$("#Apple2").children()
$("#Apple3").children()

Answer 7

是老兄。

你可以用它。但ID必须是唯一的。所以最好让它上课

唯一标识html id

7 个答案: