在隐藏部分中添加 div

Question

i我的网站上有8个隐藏的部分，其中有display:none;，这些部分被jQuery触发，以显示a select ID时。当我尝试开始构建隐藏元素内的结构时#Restaurant（像这样）

<div id="common">           

    <div id="Restaurant" class="common_reveal">

                            <div class="common_title">test</div>

   </div>       
</div>

没用。但是，如果我只是插入纯文本或 <span>，它会...

它不会在隐藏元素中显示额外的 <div> 是有原因的吗？

JS

$('#business_type').change(function(){
   $("#common div").each(function() {
       $(this).attr("style", "display: none;");
   })
   $("#" + $(this).val()).attr("style", "display: block;");
})

CSS

#common {
}
.common_reveal {display: none;}

Answer 1

您正在选取#common 元素内的所有 div，试试这个：

$("#common >div").each(...)

在隐藏部分中添加 div

Adding divs inside a hidden section

html

css

hidden