[英]How to wrap all `ul` elements in `div` with JQuery automatically?
How to wrap all ul
elements in div
with JQuery automatically? 如何使用JQuery自动包装
div
所有ul
元素?
<div id="my_uls">
<ul>
<li>Item one</li>
<li>Item two
<ul>
<li>Item one of two</li>
</ul>
</li>
</ul>
</div>
But what I want: 但是我想要的是:
<div id="my_uls">
<div>
<ul>
<li>Item one</li>
<li>Item two
<div>
<ul>
<li>Item one of two</li>
</ul>
</div>
</li>
</ul>
</div>
</div>
You need to use .wrap()
: 您需要使用
.wrap()
:
$(function() { $("ul").wrap("<div />"); });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="my_uls"> <ul> <li>Item one</li> <li>Item two <ul> <li>Item one of two</li> </ul> </li> </ul> </div>
Just use wrap
function for this 只需为此使用
wrap
功能
<scrpt>
$(document).ready(function(){
var myuls = $("#my_uls").find("ul");
for(var i=0;i<myuls.length;i++){
$(myuls[i]).wrap("<div></div>");
}
});
</script>
$('#my_uls ul')
, This will refer all your ul
inside the div
. $('#my_uls ul')
,这将引用div
所有ul
。
if you need the 1st ul
only 如果只需要第一个
ul
$('#my_uls ul:not(#my_uls ul ul)')
. $('#my_uls ul:not(#my_uls ul ul)')
。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.