我有一对元素, 他们是
<h3></h3><ul></ul>
<h3></h3><ul></ul>
<h3></h3><ul></ul>
我想用 jquery 围绕所有这对元素 (div) 包装
结果应该是
<div> <h3></h3><ul></ul> </div>
<div> <h3></h3><ul></ul> </div>
<div> <h3></h3><ul></ul> </div>
如何使用 jquery.wrap()
实现它?
最佳答案
您可以遍历 h3
元素并使用 jquery .next()使用 .andSelf() 选择和 ul
元素包含 h3
元素,最后是 .wrapAll()围绕一个 div
:
$('h3').each(function() {
$(this).next('ul').andSelf().wrapAll('<div/>');
});
div {
border: solid 1px red;
}
h3 {
border: solid 1px green;
}
ul {
border: solid 1px yellow;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<h3>h3</h3>
<ul>ul</ul>
<h3>h3</h3>
<ul>ul</ul>
<h3>h3</h3>
<ul>ul</ul>
关于jquery - 如何用jquery将div包裹在两个元素周围,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23970145/