jquery-selectors - 使用 JQuery 选择器知道父 div id 通过 id 选择子 div

Question

我有这个 html:

<div id="top">
<div id="potato"></div>
</div>
<div id="bottom">
<div id="potato"></div>
</div>

我正在尝试使用 JQuery 访问底部的土 bean div，但以下均无效。

$('#top #potato').html('Russet');
$('#bottom #potato').html('Red');

$('#top > #potato').html('Russet');
$('#bottom > #potato').html('Red');

$('#potato').html('Idaho');

所有这些只是修改顶部的 div 而不是底部的 div。如何修改底部的div？

Answer 1

所有元素都必须有唯一的 ID，在这种情况下，您可以使用 class 属性，以便您拥有

<div class="potato" />

您可以这样访问:

$('#bottom > .potato').html('Idaho');