javascript - 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