我想添加没有结束标签的html标签答案

【问题标题】：I want to add html tag without ending tag我想添加没有结束标签的html标签
【发布时间】：2018-02-21 20:50:14
【问题描述】：

我想添加没有像 <div class="bottom-widget"> 这样的结束标签的 html 标签。为此，我使用 jQuery prepend() 方法，但添加了完整的标签！

HTML 标记 -

<div class="widget">

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

Javascript 代码：

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

【问题讨论】：

你在选择器$("widget")中缺少.，应该是$(".widget")
$(".widget").prepend($("<div/>").addClass("bottom-widget"));
你有一个错误使用"<div class='bottom-widget'></div>"
.append(), prepend(), .after() and .before()的可能重复
“我想添加没有结束标签的 html 标签” - 使用 .prepend 或任何其他此类方法是不可能的 - 您不能附加“部分”元素。哪种方法可能合适，取决于您在此处实际尝试实现的目标。

标签： javascript jquery html

【解决方案1】：

$(".widget").prepend("&lt;div class='bottom-widget'&gt;&lt;/div&gt;");

<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>

【讨论】：

【解决方案2】：

也许您正在寻找wrapInner 函数。

你的代码将是：

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

【讨论】：

"<div class="bottom-widget">" 应该是 '<div class="bottom-widget">'
非常感谢@CodeLღver。这可以通过 wrapInner() 方法解决:)

【解决方案3】：

我假设你需要正确的 html，所以在这个开始标签之后你会有另一个结束标签。因此，您可以使用 jQuery wrapInner 函数 (http://api.jquery.com/wrapinner/) 首先提取（或创建）您想要包装在 bottom-widget 元素中的元素，然后创建 bottom-widget 元素并将上述元素插入其中。

【讨论】：