javascript - 添加一个 Div 标签来环绕 LI 元素

Question

我想动态添加一对 Div 标签和一个类来包装 DOM 中的一组元素。我该怎么做呢？

HTML

<div class="right-bottom"> <!-- this is the div tag I would like to add to wrap the content below-->
    <li class="">
        <a href="">Diffusion Tensor Imaging</a>
        <article class="article-body" data-asynchtml-target="">
            <div class="loader"></div>
        </article>
     </li>

</div> 

JavaScript

<script type="text/javascript">
    var div = document.createElement('div');
</script>

Answer 1

您可以使用 .wrap() 和适当的选择器来定位 li 元素。像这样:

$('.article-body').closest('li').wrap('<div class="right-bottom"></div>')

参见 Documentation .