javascript - jquery挿入方法

Question

このコードを見てください：

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

新しい段落が作成され、背景色が変更されましたが、まだページに表示されません。ページに配置するには、挿入メソッドの 1 つをチェーンに追加できます。しかし、そのメソッドとは何か、チェーンに挿入する方法

Answer 1

add の代わりに append を使用します。

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

addは、DOM ではなく、jQuery セットのみを変更します。

Answer 2

あなたはこれを望んでいるようです：

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

Answer 3

なぜこのようなことをしないのですか

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

また

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