如何选择另一个div下的特定div ID?
问题描述:
我下命名为myordersdiv如何选择另一个div下的特定div ID?
这主要DIV DIV目前是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();
});
按照上面的代码,在布顿的点击,我显示所有平顶细节
我的问题是,我怎么才能显示属于Id 68的Topping-details?
答
使用ID而不是
$("#myordersdiv #68").show();
注比68 可能它仅仅是一个数量的原因问题的ID。
(我的小提琴表明它不只是一个号码工作 - http://jsfiddle.net/93G8c/ - 但尽管如此,最好不要,如果你不就得了!)
答
$("#myordersdiv .Topping-details#68").show();
注意选择具有#68
末,它告诉jQuery选择类.Topping-details
和ID为68
的元素。
我肯定会使用更具体的ID而不是数字,例如topping-68
会好很多。原因是ID应该对文档是唯一的,而数字“68”可以在其他地方使用。有点迂腐,但很重要。
就像旁边一样,您不应该使用'id'属性来存储项目的ID。使用带有'data-'前缀的属性,例如'数据id'。 –