Question

我正在尝试这个jQuery

$("span:contains('abc')").insertBefore($("span:contains('def')"));

如何在这两个元素之间添加断行。现在我的输出是def abc。

我想输出

def
abc

提前致谢。

Answer 1

现在你有了这个：

$("span:contains('abc')").insertBefore($("span:contains('def')"));

结果将是abcdef而不是defabc，因为abc会在def之前插入。现在，您可以使用类似的内容（Demo）添加<br>：

$("span:contains('abc')").insertBefore($("span:contains('def')")).after('<br>');

如果不是您想要的，那么您可以更改选择，也可以使用.before()。您也可以选择使用它来获得所需的结果（Demo）：

$("span:contains('abc')").insertAfter($("span:contains('def')")).before('<br>');

Answer 2

<!DOCTYPE html>
<html>
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
</head>
<body>
    <span>abc</span>
</body>
<script type="text/javascript">
    $("span:contains('abc')").before($("<span><b>def</b></span><br>"));
</script>
</html>

如何在使用insertBefore时插入breakline

2 个答案: