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我认为不是:虽然新段落已经创建,背景颜色也改变了。。。