如何使用jQuery在列表中间添加列表项

如何使用jQuery在列表中间添加列表项,jquery,append,html-lists,Jquery,Append,Html Lists,我有一个包含两个项目的列表,我想在加载内容时在第一个项目之后添加其他项目。这是怎么做到的?我可以添加项目,但它们只显示在列表的末尾。我必须调用或使用列表元素数组吗 首先创建新的列表项(),然后用内容填充列表项。但是我认为我需要在添加li项之前或添加li项时定义列表项的位置 if(x > 0){ $('<li></li>').attr('id','liAdult_'+x).appendTo($("ul:#ulAdultList")); //$("ul:#

我有一个包含两个项目的列表,我想在加载内容时在第一个项目之后添加其他项目。这是怎么做到的?我可以添加项目,但它们只显示在列表的末尾。我必须调用或使用列表元素数组吗

首先创建新的列表项(
  • ),然后用内容填充列表项。但是我认为我需要在添加li项之前或添加li项时定义列表项的位置

    if(x > 0){  
      $('<li></li>').attr('id','liAdult_'+x).appendTo($("ul:#ulAdultList"));
       //$("ul:#ulAdultList").add($('<li></li>').attr('id','liAdult_'+x)).after($('#liAdult_0'));
       $('<img/>').attr({'id':'imgAdultAvatar_'+x,'src':'./images/person_20x20.jpg','class':'imgAvatar','title':'The persons avatar','alt':'Avatar Adults'}).appendTo($('#liAdult_'+x));
       $('<span></span>').attr({'id':'sAdultFirstName_'+x,'class':'sAdultLine'}).html(xData.adults[x].personFirstName).appendTo($('#liAdult_'+x));
       $('<span></span>').attr({'id':'sAdultLastName_'+x,'class':'sAdultLine'}).html(xData.adults[x].personLastName).appendTo($('#liAdult_'+x));  
       $('<span></span>').attr({'id':'sAdultParent_'+x,'class':'sAdultLine'}).html(xData.adults[x].guardianRole).appendTo($('#liAdult_'+x));
       $('<span></span>').attr({'id':'sAdultCellPhone_'+x,'class':'sAdultLine'}).html(xData.adults[x].personCellPhone).appendTo($('#liAdult_'+x));
       $('<input/>').attr({'id':'personId_'+x,'type':'hidden'}).val(xData.adults[x].personId).appendTo($('#liAdult_'+x));
       $('<a></a>').attr({'id':'lnkAdultProfile_'+x,'href':'#','name':'lnkAdultProfile_'+x,'title':'Edit the adult profile'}).html('Profile').appendTo($('#liAdult_'+x));
    }
    
    if(x>0){
    $(“
  • ”).attr('id','liAdult+x).附录($(('ul:#ulAdultList”); //$($('ul:#uladult列表”)。在($('liAdult 0')之后添加($('li>')).attr('id','liAdult+x)); $('').attr({'id':'sAdultFirstName_uz'+x,'class':'sAdultLine'}).html(xData.adjusts[x].personFirstName).appendTo($('liAdult_uz'+x)); $('').attr({'id':'sAdultLastName_uz'+x,'class':'sAdultLine'}).html(xData.adjusts[x].personLastName).appendTo($('liAdult_uz'+x)); $('').attr({'id':'sAdultParent.+x,'class':'sAdultLine'}).html(xData.adjusts[x].guardianRole).appendTo($('liAdult.+x)); $('').attr({'id':'sadultmobile_uuz'+x,'class':'sAdultLine'}).html(xData.adjusts[x].personCellPhone).appendTo($('liAdult_uz'+x)); $('').attr({'id':'personId.+x,'type':'hidden'}).val(xData.advants[x].personId).appendTo($('liAdult.+x)); $('').attr({'id':'lnkAdultProfile.+x,'href':'#','name':'lnkAdultProfile.+x,'title':'编辑成人档案'}).html('profile')。附录($('liAdult.+x)); }
    要在第一个项目后添加新项目,请执行以下操作:

    $('li:nth-child(1)').append('<li>New Item</li>');
    
    $('li:n子项(1)')。追加('li>新项);
    
    而不是将其添加到末尾,就像您所做的那样:

    $('<li></li>').attr('id','liAdult_'+x).appendTo($("ul:#ulAdultList"));
    

    这将在
  • 之后插入,因为
      差点忘了,感谢您的回复,它帮助我解决了问题。再次感谢。
      
      $('<li></li>').attr('id','liAdult_'+x).insertAfter("#ulAdultList li:first");