javascript - 将属性传递给 Jquery 中的 Append 函数不起作用

Question

我正在尝试将属性传递给 jquery append 函数。它附加 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>

Answer 2

试试这个：

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

Answer 3

你可以做

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

Answer 4

append 的第二个参数是（我引用 jQuery 文档）：

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