javascript - after() 在注入(inject)的 HTML 周围包含引号

Question

这是 Javascript:

var bubbles = $('.history .bubble');
bubbles[bubbles.length-1].after('<div class="bubble me">' + text + '</div>');

这是 HTML:

知道为什么我插入的任何内容都用双引号引起来吗？

Answer 1

语法:bubbles[bubbles.length-1]

…获取原始 DOM 节点而不是 jQuery 对象。

这意味着您正在调用 DOM after method而不是 jQuery after method .

他们的行为不同!

如果您将字符串传递给 jQuery 方法，它会尝试将其解析为 HTML，然后插入生成的 DOM 节点。

如果您将一个字符串传递给 DOM 方法，它会将其转换为一个文本 节点并将其插入。

你想调用 jQuery 方法而不是 DOM 方法，所以使用 last() 来获取一个 jQuery 对象包装最后一个 DOM 节点，而不是你用来获取原始节点的括号表示法DOM节点:

bubbles.last().after('<div class="bubble me">' + text + '</div>');