[英]How to wrap all elements inside a div after a certain element? (JQuery)
[英]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>
但是我想要的是:
<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>
您需要使用.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>
只需为此使用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')
,这将引用div
所有ul
。
如果只需要第一个ul
$('#my_uls ul:not(#my_uls ul ul)')
。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.