Question

正如您在jQuery中所知，我们可以组合方法。但是我有一个问题。

＆＃13;

$('div').after('<span class="text-warning" >SPAN</span>').html('test');

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>DIV</div>

＆＃13;

.html在div中插入文本。难道它不会改变新元素吗？

Answer 1

不，'之后'是一个操作员，并将返回其操作的任何内容。在这种情况下，div。

你想要的是：

var span = $('<span class="text-warning" >SPAN</span>')
$('div').after(span)
span.html('test');

Answer 2

这是一种称为链接的技术，它允许我们在同一个元素上一个接一个地运行多个jQuery命令。

要链接某个操作，只需将操作附加到上一个操作即可。

如果您：

$('div').after('<span class="text-warning" >SPAN</span>')
        .html('test');

在第1步中，在span代码

之后插入div标记

和

在第2步中，div中的文字更改为＆＃34;测试＆＃34;。

您可以这样修理：

$(document).ready(function(){

    $('div').after('<span class="text-warning">SPAN</span>');

    $(".text-warning").html('test');

})