将属性传递给Jquery中的附加函数不起作用

Question

我试图将属性传递给jquery追加函数.它附加html但不附加属性.控制台中也没有显示错误.Html代码:

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

Javascript代码:

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

我希望HTML看起来像

 <li>First Item <span class="someClass">some text</span></li>
 <li>Second Item Item <span class="someClass">some text</span></li>

Answer 1

.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>