Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 方法从jquery对象中取出元素 $('li')。添加('p id=“new”>新段落) .css(“背景色”、“红色”);_Javascript_Jquery - Fatal编程技术网

Javascript 方法从jquery对象中取出元素 $('li')。添加('p id=“new”>新段落) .css(“背景色”、“红色”);

Javascript 方法从jquery对象中取出元素 $('li')。添加('p id=“new”>新段落) .css(“背景色”、“红色”);,javascript,jquery,Javascript,Jquery,虽然新段落已创建且背景颜色已更改,但它仍然没有显示在页面上。我可以将其放置在页面上的方法或步骤是什么。使用附加而不是添加 $('li').add('<p id="new">new paragraph</p>') .css('background-color', 'red'); $('li')。追加('p id=“new”>新段落) .css(“背景色”、“红色”); 使用追加而不是添加 $('li').add('<p id="new">new para

虽然新段落已创建且背景颜色已更改,但它仍然没有显示在页面上。我可以将其放置在页面上的方法或步骤是什么。

使用
附加
而不是
添加

 $('li').add('<p id="new">new paragraph</p>')
 .css('background-color', 'red');
$('li')。追加('p id=“new”>新段落)
.css(“背景色”、“红色”);

使用
追加
而不是
添加

 $('li').add('<p id="new">new paragraph</p>')
 .css('background-color', 'red');
$('li')。追加('p id=“new”>新段落)
.css(“背景色”、“红色”);

你做错了。如果要将新段落附加到
  • 元素,请使用:

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

    新段落

    ).css('background-color','red')。appendTo('li');
    你做错了。如果要将新段落附加到
  • 元素,请使用:

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

    新段落

    ).css('background-color','red')。appendTo('li');
    我认为这是预期的操作:

    $('<p id="new">new paragraph</p>').css('background-color', 'red').appendTo('li');
    
    $('li').append('p id=“new”>新段落).css('background-color','red');
    
    我认为这是预期的操作:

    $('<p id="new">new paragraph</p>').css('background-color', 'red').appendTo('li');
    
    $('li').append('p id=“new”>新段落).css('background-color','red');
    
    您遇到的问题是
    add()
    没有将该元素添加到另一个元素。它将元素添加到jQuery集合中。因此,您正在将
    元素添加到li元素列表的末尾。例如~
    [li,li,li,p]

    从jQuery文档

    .add() 描述:将元素添加到匹配的元素集中

    你想要的是

    .append()
    描述:将参数指定的内容插入到 匹配元素集中的每个元素

    所以你的代码只需要

    .append( content [, content ] )Returns: jQuery
    
    $('li').append('p id=“new”>新段落).css('background-color','red');
    

    运行示例:

    您遇到的问题是
    add()
    没有将元素添加到另一个元素。它将元素添加到jQuery集合中。因此,您正在将
    元素添加到li元素列表的末尾。例如~
    [li,li,li,p]

    从jQuery文档

    .add() 描述:将元素添加到匹配的元素集中

    你想要的是

    .append()
    描述:将参数指定的内容插入到 匹配元素集中的每个元素

    所以你的代码只需要

    .append( content [, content ] )Returns: jQuery
    
    $('li').append('p id=“new”>新段落).css('background-color','red');
    

    运行示例:

    注意:这会更改整个
    li
    元素的背景色,而不仅仅是新创建的段落的背景色。现在还不清楚背景色到底需要什么。@AlexShesterov你说得对。为了这个问题的目的,我忽略了这一点。OP似乎更关心插入段落。注意:这会改变整个
    li
    元素的背景色,而不仅仅是新创建的段落的背景色。现在还不清楚背景色到底需要什么。@AlexShesterov你说得对。为了这个问题的目的,我忽略了这一点。OP似乎更关心插入段落。@Maizere在本例中,您创建新段落,为其设置背景颜色并将其附加到
  • 。我相信OP希望li背景为红色,不是段落。@epascarello我认为不是:虽然新段落已经创建,背景颜色也改变了…@Maizere在本例中,您创建了新段落,设置背景颜色并将其附加到
  • 。我相信OP希望li背景为红色,不是段落。@epascarello我认为不是:虽然新段落已经创建,背景颜色也改变了。。。