Javascript 向Jquery中的追加函数传递属性不起作用

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>', {

我试图将属性传递给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'
            })
        });
    
    $('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'
    }).附于(本);
    });
    
    为什么您希望它能工作?文档中没有提到这方面的任何内容:。谢谢!我曾看过内特图斯的一篇教程,他在其中用我的方式附加内容。你能再详细一点吗?