2014-06-26 57 views
-1

我下命名为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?

+0

就像旁边一样,您不应该使用'id'属性来存储项目的ID。使用带有'data-'前缀的属性,例如'数据id'。 –

回答

1

使用ID而不是

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

注比68 可能它仅仅是一个数量的原因问题的ID。

(我的小提琴表明它不只是一个号码工作 - http://jsfiddle.net/93G8c/ - 但尽管如此,最好不要,如果你不就得了!)

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

注意选择具有#68末,它告诉jQuery选择类.Topping-details和ID为68的元素。

我肯定会使用更具体的ID而不是数字,例如topping-68会好很多。原因是ID应该对文档是唯一的,而数字“68”可以在其他地方使用。有点迂腐,但很重要。