使用JavaScript创建一个div,它也将成为主要div的顶部

Question

这是我的HTML模板.

<div id='main'>
  <div id='1'>one</div>
</div>

我想动态创建一个新的div与主div内部,它(新div>)将成为主div的顶部.答案看起来很喜欢

<div id='main'>
  <div id='new'>new</div>
  <div id='1'>one</div>
</div>

怎么能实现这一目标？

Answer 1

选择元素时可以使用jQuery的.prepend()方法#main.

$('#main').prepend('<div id="new">new</div>');

您应该注意,具有以数字开头的ID是无效的HTML4.所以id="1"不会有效.

将它更改为有效的id id="div_1",你可以选择它并使用jQuery的.before()方法代替.

$('#div_1').before('<div id="new">new</div>');

在任何一种情况下,请记住像这样包装你的jQuery代码,以便在DOM准备好之前它不会运行.

$(function() {
    $('#main').prepend('<div id="new">new</div>');
});