Javascript jquery插入方法

Javascript jquery插入方法,javascript,jquery,Javascript,Jquery,请查看此代码: $('li').add('<p id="new">new paragraph</p>') .css('background-color', 'red'); 虽然新段落已创建,背景颜色已更改,但它仍不会显示在页面上。要将其放置在页面上,我们可以向链中添加一种插入方法。但该方法是什么,以及如何将其插入链中使用append而不是add: $('li').append('<p id="new">new paragraph</p>')

请查看此代码:

 $('li').add('<p id="new">new paragraph</p>')
 .css('background-color', 'red');

虽然新段落已创建,背景颜色已更改,但它仍不会显示在页面上。要将其放置在页面上,我们可以向链中添加一种插入方法。但该方法是什么,以及如何将其插入链中

使用append而不是add:

$('li').append('<p id="new">new paragraph</p>')
  .css('background-color', 'red');

仅更改jQuery集,而不更改DOM。

使用追加而不是添加:

$('li').append('<p id="new">new paragraph</p>')
  .css('background-color', 'red');

只更改jQuery集,不更改DOM。

为什么不这样做

$('#li-id').html('< p id="new">new paragraph< /p>');


为什么不这样做呢

$('#li-id').html('< p id="new">new paragraph< /p>');

你似乎想要这个:

$('<p id="new">new paragraph</p>')
  .css('background-color', 'red')
  .appendTo(something); // a selector, jQuery element etc
你似乎想要这个:

$('<p id="new">new paragraph</p>')
  .css('background-color', 'red')
  .appendTo(something); // a selector, jQuery element etc


您想在哪里插入什么?您当前选择了“全部”,这是一个新段落。@Bergi您什么意思?您检查了吗?@Bergi我选择了所有列表,但没有选择所有段落,而是创建了一个段落是的,为什么不?你试过了吗?你想在哪里插入什么?您当前选择了“全部”,这是一个新段落。@Bergi您什么意思?您检查了吗?@Bergi我选择了所有列表,但没有选择所有段落,而是创建了一个段落是的,为什么不?你试过了吗?…但是要小心,因为$'li'很可能会选择多个元素,导致多个段落被附加到每个li上,每个li都有一个相同的id,这是无效的。@T.J.Crowder Right。我想OP给出的代码只是为了演示,但为了以防万一,最好指出这一点。也许在ul列表中添加li元素更合适:$'ul'。追加'

新段落。

'。css'背景色','红色'@根据我的风格而不是你的风格如何插入段落元素。为此,你需要首先从当前集合中取出它。如何取出?哪种方法对我有帮助?…但是请注意,因为$'li'很可能会选择多个元素,导致多个段落被附加到每个li上,都具有相同的id,这是无效的。@T.J.Crowder Right。我想OP给出的代码只是为了演示,但为了以防万一,最好指出这一点。也许在ul列表中添加li元素更合适:$'ul'。追加'

新段落。

'。css'背景色','红色'@根据我的风格,而不是你的风格,如何插入段落元素。为此,你需要首先从当前集合中取出。如何取出?哪种方法对我有帮助?我为你格式化了答案。编辑时,您应该查看一下工具栏。还有一个链接指向降价格式的详细文档。谢谢!谢谢。事实上我是新手,所以我不知道。谢谢我把你的答案格式化了。编辑时,您应该查看一下工具栏。还有一个链接指向降价格式的详细文档。谢谢!谢谢。事实上我是新手,所以我不知道。谢谢但我希望每次都和清单一起…做什么?当然可以。在那之后加上'li'有没有办法把段落元素从当前堆栈中去掉?最后一个应该这样做,但我相信如果你真的想做什么,那是不好的练习。请在您的问题中添加DOM在操作之前的外观以及您希望它在操作之后的外观。但是我希望它与列表一起出现……做什么?当然可以。在那之后加上'li'有没有办法把段落元素从当前堆栈中去掉?最后一个应该这样做,但我相信如果你真的想做什么,那是不好的练习。请在您的问题中添加DOM在操作之前的外观以及您希望它在操作之后的外观。