在jquery中为一组节点添加一个父节点
Add a parent to a group of nodes in jquery
所以我有以下结构:
<h3>I.</h3>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
<ol>
<li>1.</li>
<li>2.</li>
<li>3.</li>
</ol>
<p>Some text</p>
<h3>II.</h3>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
<p>Some text</p>
<ol>
<li>1.</li>
<li>2.</li>
<li>3.</li>
</ol>
<h3>III</h3>
etc
我想以这样的方式添加一个div元素:
<h3>I.</h3>
<div>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
<ol>
<li>1.</li>
<li>2.</li>
<li>3.</li>
</ol>
<p>Some text</p>
</div>
<h3>II.</h3>
<div>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
<p>Some text</p>
<ol>
<li>1.</li>
<li>2.</li>
<li>3.</li>
</ol>
</div>
<h3>III</h3>
etc
我设法弄清楚了如何将元素添加到下一个h3
,但后来我陷入了困境。
var elements = $("h3").nextUntil("h3");
elements.wrapAll("<div>");
由于有多个h3
元素,您需要在它们上循环,并在循环中使用nextUntil()
:
$('h3').each(function() {
$(this).nextUntil('h3').wrapAll('<div />');
});
小提琴示例
$('h3').each(function() {
$(this).nextUntil('h3').wrapAll('</div>');
});
请试试这个。
相关文章:
- 在不添加树节点的情况下从网格拖放到树
- 在自定义截面树中获取父节点
- 如何避免在取消选中子节点时取消选中父节点
- 如果未选中子节点,则未选中父节点
- 如何操作谷歌任务添加的节点
- 仅使用某些子节点访问xml中父节点的子节点
- 以后添加的节点不会附加到 jQuery UI 函数
- 如何以编程方式在 jsTree 中选择一个节点并打开所有父节点
- 使用Javascript设置带有子节点的父节点的类's文本等于.
- 如何确定父节点是否有子节点
- Javascript在没有jQuery的情况下获取X父节点
- Kendo TreeView-只向没有子节点的父节点添加删除图像图标
- 尝试添加到根父节点时出现 KendoUI 未定义节点问题
- 如何使用 YUI3 添加父节点
- 在jquery中为一组节点添加一个父节点
- 剑道UI移动-从剑道模板添加css到父节点
- 如何在gojs中添加节点到父节点(当前选定的节点)
- 如何将子节点添加到父节点,而无需视图跳转到加载元素的位置
- 希望将展开和折叠功能添加到作为父节点的动态生成的文件中
- appendChild 不会将节点添加到指定父节点的子节点列表的末尾