Jquery 附加li作为最后一个子项（2） $（文档）.ready（函数（）{ ；$.fn.presenter=函数（fn）{ 返回此.each（函数（）{ $（this.bind（'enterPress'，fn）； $（此）.keyup（函数（e）{ 如果（e.keyCode==13） { $（此）.trigger（“enterPress”）； } }) }); }; $（'.king'）。按Enter键（函数（）{ var inputVal=$（'.king'）.val（）； 如果（输入值长度>0）{ $（“ul.tokenlist”）.prepend（“”+inputVal+”&emsp；”）； $（'.king'）.val（''）； }否则{ $（this.attr（“占位符”，“写东西”）； } }); $（'.tokenlist'）。在（'单击'，'.cros'，函数（）上{ $（this.parents（'li'）.remove（）； }); }); 金先生{ 边界：0px； /*背景色：#eee*/ } i、 克罗斯{ 字号：100； 光标：指针； } 李先生{ 边框：1px实心#eee； 背景色：#eee； 保证金：5px； 边界半径：10px； } 李：最后一个孩子{ 边界：0； 背景色：#fff； } ul.tokenlist{ 边框：1px实心rgb（194194194194194）； 宽度：100%； 保证金：3倍； }

上面的代码我正在使用prepend，我试图使用append它不起作用…append prepend不是我的概念，无论我在inputfild中输入什么并按enter键，它都应该显示在inputfild的左侧。。

---

在上面的代码中，我想将li作为最后一个子项（2）或最后一个子项追加，我追加的内容应该是input filde的左侧，现在我追加的内容是aling到左侧，但它应该是input fild的左侧，而不是在新的

之前添加，您需要将其插入列表中最后一项之前。看这把小提琴

$（'
'+inputVal+'&emsp；
）.insertBefore（$（.ul.tokenlist”）.children（）.last（）；
您需要在列表的最后一项之前插入新的
，而不是在前面加上前缀。看这把小提琴

$（'
'+inputVal+'&emsp；
）.insertBefore（$（.ul.tokenlist”）.children（）.last（）；
您需要左侧输入，右侧追加内容吗？您需要左侧输入，右侧追加内容吗？thanq我得到了正确答案thanq我得到了正确答案
<div class="container">
<div class="tokens">
<ul class="tokenlist list-inline">
<li>
<div class="input">
<input type="text" class="king" placeholder="enter ur mail"> 
</div>
</li>
</ul>
</div>
</div>
<script>
$(document).ready(function(){
;$.fn.pressEnter = function(fn) {  
return this.each(function() {  
$(this).bind('enterPress', fn);
$(this).keyup(function(e){
if(e.keyCode == 13)
{
$(this).trigger("enterPress");
}
})
});  
}; 
$('.king').pressEnter(function(){
var inputtval=$('.king').val();
if(inputtval.length>0){
$("ul.tokenlist").prepend('<li>'+inputtval+'&emsp;<i class="cros fa fa-times cros"></i> </li>');
$('.king').val('');
}else{
$(this).attr("placeholder", "write somthing");
}
});
$('.tokenlist').on('click','.cros',function(){
$(this).parents('li').remove();
});
});
</script>
<style>
.king{
    border:0px;
    /*background-color:#eee;*/
}
i.cros{
    font-weight: 100;
    cursor: pointer;
}
ul.tokenlist li{
border: 1px solid #eee;
background-color:#eee;
margin: 5px;
border-radius: 10px;
}
ul.tokenlist li:last-child{
border:0;
background-color:#fff;
}
ul.tokenlist {
border: 1px solid rgb(194, 194, 194);
width: 100%;
margin: 3px;
}
</style>

$('<li>'+inputtval+'&emsp;<i class="cros fa fa-times cros"></i> </li>').insertBefore($("ul.tokenlist").children().last());