如何使用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");