Javascript 向Jquery中的追加函数传递属性不起作用
我试图将属性传递给jquery append函数。它附加html,但不附加属性。控制台中也没有显示错误。 Html代码:Javascript 向Jquery中的追加函数传递属性不起作用,javascript,jquery,Javascript,Jquery,我试图将属性传递给jquery append函数。它附加html,但不附加属性。控制台中也没有显示错误。 Html代码: <li>First Item</li> <li>Second Item</li> 第一项 第二项 Javascript代码: $('li').each(function(){ $(this).append('<span></span>', {
<li>First Item</li>
<li>Second Item</li>
第一项
第二项
Javascript代码:
$('li').each(function(){
$(this).append('<span></span>', {
text: 'some text',
class: 'someClass'
})
});
$('li')。每个(函数(){
$(此)。附加(“”{
文本:“一些文本”,
班级:'someClass'
})
});
我希望HTML看起来像
<li>First Item <span class="someClass">some text</span></li>
<li>Second Item Item <span class="someClass">some text</span></li>
第一项是一些文本
第二项是一些文本
你可以这样做
$(this).append('<span class="someClass">some text</span>');
$(this.append('some text');
append的第二个参数是(我引用jQuery文档):
在匹配元素集中的每个元素末尾插入的一个或多个附加DOM元素、元素数组、HTML字符串或jQuery对象
.append()
是一种方法,而不是元素对象
$('li')。每个(函数(){
$('', {
‘class’:‘someClass’,
文本:“一些文本”,
附件:这个
});
});代码>
- 第一项
- 第二项
试试这个:
$('li').each(function(){
$('<span/>',{
text: 'some text',
class: 'someClass'
}).appendTo(this);
});
$('li')。每个(函数(){
$('',{
文本:“一些文本”,
班级:'someClass'
}).附于(本);
});
为什么您希望它能工作?文档中没有提到这方面的任何内容:。谢谢!我曾看过内特图斯的一篇教程,他在其中用我的方式附加内容。你能再详细一点吗?