jquery插入方法

Question

看看这段代码：

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

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

Answer 1

使用append代替add：

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

add只更改jQuery集，而不是DOM。

Answer 2

为什么不做这样的事情

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

或

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

Answer 3

你似乎想要这个：

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