jquery - 解释以下 jQuery： $('h1').append($('h1 + h2'));

Question

这是我的一次考试中的一个问题。

我已经在 jsfiddle 中运行了代码，似乎发生的是 h2 的字体大小急剧增加。所以看起来 h2 继承了 h1 的属性加上它自己的属性，但 h1 不受影响，所以我不确定。

表达正在发生的事情的最佳方式是什么？

$('h1').append($('h1 + h2'));

https://jsfiddle.net/xpvt214o/895626/

标签： jquery

Answer 1

您在 H1 元素中附加了一个元素。预期结果将是：

<h1>
heading1
<h2 id='dude'>
subheading2
</h2>
</h1>

而不是你所拥有的：

<h1>
heading1
</h1>

<h2 id='dude'>
subheading2
</h2>