如何使用j-query在每个列表项之外追加div？ [英] How to append div outside of each list item using j-query?

问题描述

我在< ul> 中有一个< li> 标签，我想将每个<$ c < div> 标记内的$ c>< li> 标记，例如< div>< li>< ; / li>< / div>

I have a <li> tags inside <ul> i want to put each <li> tag inside <div> tag like <div><li></li></div>

我如何使用jquery或JS实现这一目标。

how can i achieve this using jquery or JS.

推荐答案

使用包装

$('ul li').wrap('<div></div>');

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul>
    <li>Test A</li>
    <li>Test B</li>
</ul>

，但这不是有效的HTML ， W3C 会给您这个错误

but this will not be a valid HTML, W3C will give you this error

错误：在这种情况下，元素div不能作为元素ul的子元素。 （抑制此子树中的其他错误。）

Error: Element div not allowed as child of element ul in this context. (Suppressing further errors from this subtree.)

这篇关于如何使用j-query在每个列表项之外追加div？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！