Question

我在主要div下名为myordersdiv

这是HTML

<div id="myordersdiv" >
   <div class="Topping-details" id="67">67</div>
   <div class="Topping-details" id="68">68</div>
</div>

$(document).on("click", "#buttonId", function(){

    $("#myordersdiv .Topping-details").show();

});

根据上面的代码，点击按钮，我显示所有Topping-details

我的问题是，我怎样才能显示属于Id 68的Topping-details？

Answer 1

使用id代替

$("#myordersdiv #68").show();

注意，如果id为68 可能导致问题只是一个数字。

（我的小提示，它确实可以只使用一个数字 - http://jsfiddle.net/93G8c/ - 但是，如果你不必，最好不要这样做！）

Answer 2

$("#myordersdiv .Topping-details#68").show();

注意选择器的末尾有#68，告诉jQuery选择类.Topping-details且id为68的元素。

我肯定会使用更具体的ID而不是数字，例如topping-68会更好。原因是ID应该是文档的唯一ID和数字＆＃34; 68＆＃34;可以在其他地方使用。有点迂腐，但重要的是。

如何选择另一个div下的特定div id？

2 个答案: