[英]Wrap Li with Ul
I have the following HTML built using Jquery. 我有以下使用Jquery构建的HTML。 I now want to wrap the li inside a UL.
我现在想将li包装在UL中。
<div class="panel panel-primary" style="height:200px;overflow-y:scroll;width:100%;">
<div class="panel-body">
<div id="CommonResults">
<ul id="Common_container">
<li class="commmonItems" id="CommonColumns">
<input name="ColumnAlarm_group" disabled="" type="checkbox" checked="" value=" CommonAlarms "> CommonAlarms
<li class="columnItem"><input name="Column_Group" type="checkbox" value="ACD">Acknowledged</li>
<li class="columnItem"><input name="Column_Group" type="checkbox" value="ACT">ActorID/OperatorID</li>
<li class="columnItem"><input name="Column_Group" type="checkbox" value="ACV">Active</li>
<li class="columnItem"><input name="Column_Group" type="checkbox" value="ARD">Acknowledge Required</li>
<li class="columnItem"><input name="Column_Group" type="checkbox" value="COND">Condition</li>
<li class="columnItem"><input name="Column_Group" type="checkbox" value="ENB">Enabled</li>
</li>
</ul>
</div>
</div>
This should look like this after completion. 完成后应该看起来像这样。
<div class="panel panel-primary" style="height:200px;overflow-y:scroll;width:100%;">
<div class="panel-body">
<div id="CommonResults">
<ul id="Common_container">
<li class="commmonItems" id="CommonColumns">
<input name="ColumnAlarm_group" disabled="" type="checkbox" checked="" value=" CommonAlarms "> CommonAlarms
<ul><!-- After change -->
<li class="columnItem"><input name="Column_Group" type="checkbox" value="ACD">Acknowledged</li>
<li class="columnItem"><input name="Column_Group" type="checkbox" value="ACT">ActorID/OperatorID</li>
<li class="columnItem"><input name="Column_Group" type="checkbox" value="ACV">Active</li>
<li class="columnItem"><input name="Column_Group" type="checkbox" value="ARD">Acknowledge Required</li>
<li class="columnItem"><input name="Column_Group" type="checkbox" value="COND">Condition</li>
<li class="columnItem"><input name="Column_Group" type="checkbox" value="ENB">Enabled</li>
<ul><!-- After Change -->
</li>
</ul>
</div>
</div>
</div>
Any help or direction in getting the desired out come.Needs to be done using JavaScript/JQuery as I can't hard code this. 任何获得期望的帮助或方向都会出来。需要使用JavaScript / JQuery来完成,因为我无法对此进行硬编码。 Thanks
谢谢
If you want to take all the li
s except the first one, you can use this: 如果要采用除第一个以外的所有
li
,可以使用以下方法:
var els = [];
$("#CommonResults ul li:gt(1)").each(function(){
els.push($(this));
$(this).remove();
});
var ul = $("<ul></ul>");
for(var i = 0; i < els.length; i++){
ul.append(els[i]);
}
$("#Common_container").append(ul);
https://jsfiddle.net/330juLmn/ https://jsfiddle.net/330juLmn/
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.