传递属性来追加Jquery函数不工作

我想要传递属性到一个jQuery追加函数。它追加html但不附加属性。控制台中没有显示任何错误。 HTML代码：传递属性来追加Jquery函数不工作

<li>First Item</li> 
    <li>Second Item</li>

JavaScript代码：

$('li').each(function(){ 
     $(this).append('<span></span>', { 
      text: 'some text', 
      class: 'someClass' 
     }) 
    });

我想要的HTML看起来像

来源

2013-03-31 S. A. Malik

为什么你希望它在所有的工作？文档没有提到这方面的任何内容：http：//api.jquery.com/append/。 –

.append()是方法，而不是一个element object

$('li').each(function(){ 
 

 
    $('<span />', { 
 
    'class' : 'someClass', 
 
    text : 'some text', 
 
    appendTo : this 
 
    }); 
 
    
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<ul> 
 
    <li>First Item</li> 
 
    <li>Second Item</li> 
 
</ul>

来源

2013-03-31 10:46:13

谢谢！我曾经看过一篇netttus的教程，他用它来追加我的方式。你能再详细一点吗？ –

你可以做

$(this).append('<span class="someClass">some text</span>');

来源

2013-03-31 10:44:04 ITFarmer

进行追加第二个参数是（和我qu ote jQuery文档）：

一组或多组额外的DOM元素，元素数组，HTML字符串或jQuery对象插入匹配元素集中每个元素的末尾。

来源

2013-03-31 10:45:11 Pavel

试试这个：

$('li').each(function(){ 
     $('<span/>',{ 
      text: 'some text', 
      class: 'someClass' 
     }).appendTo(this); 
});

来源

2013-03-31 11:00:33

传递属性来追加Jquery函数不工作

回答

相关问题