使用jquery在前后添加html

Question

我有一个按钮，我想包装多个html元素与类。我尝试了多种方法，但都不起作用，我得到了错误。

jQuery(".button--bubble").insertAdjacentHTML('beforebegin','<div class="class-1"><div class="class-2"></div></div>');
jQuery(".button--bubble").insertAdjacentHTML('afterend','<div class="class-1"><div class="class-2"></div></div>');

Answer 1

试试这个：

$(".button--bubble").before('beforebegin','<div class="class-1"></div><div class="class-2"></div>');
$(".button--bubble").after('afterend','<div class="class-1"><div class="class-2"></div></div>');

你也可以使用.prepend和.append，它们是相似的，但是，元素将在目标元素中。