Question

我想添加html标记，而不是像<div class="bottom-widget">这样的结尾标记。为此，我使用jQuery prepend（）方法，但是由此添加了完整标记！

Html标记 -

<div class="widget">

        <h2>this is content 1</h2>
    </div>
</div>

Javascript代码：

$(".widget").prepend('<div class="bottom-widget">');

Answer 1

也许您正在寻找wrapInner功能。

你的代码将是：

$(".wrapInner").wrapInner("<div class='bottom-widget'>");

Answer 2

我假设你需要正确的html，所以在这个开始标记之后你会得到另一个关闭的标记。因此，您可以使用jQuery wrapInner函数（http://api.jquery.com/wrapinner/）首先提取（或创建）要包含在 bottom-widget 元素中的元素，而不是创建 bottom-widget 元素并将上述元素插入其中。< / p>

Answer 3

$(".widget").prepend("<div class='bottom-widget'></div>");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="widget">
        <h2>this is content 1</h2>
</div>

我想添加没有结束标记的html标记

3 个答案: