追加李父UL
问题描述:
我试图从一个输入获得的文本使用jQuery添加到父现有的UL,但是当我这样做:追加李父UL
$("input[type = 'text']").keypress(function(event){
if(event.which === 13){
//grabbing new todo from input
var todoText = $(this).val();
$(this).val("");
//create a new li and add to ul
$(this).parent().append("<li><span><i class='fa fa-trash'></i></span> " + todoText + "</li>");
}
});
它直接增加了一个新的李书福父母。我意识到,我忘了提,我希望它被添加到现有的UL,所以我试图改变这样的:
//create a new li and add to ul
$(this).parent("ul").append("<li><span><i class='fa fa-trash'></i></span> " + todoText + "</li>");
,但它仍然没有工作,现在它甚至不随地添加任何东西。也许是因为我有错误的语法或什么?
这里是我的玉是如何构成的一个例子:
.frame
.bit-2
h1
| text
i.fa.fa-plus
input(type='text', placeholder='text')
ul
li
span
i.fa.fa-trash
| text
li
span
i.fa.fa-trash
| text
发生了什么事的任何想法?
答
请使用。接下来()函数像下面。
$(document).ready(function(){
$("input[type = 'text']").keypress(function(event){
if(event.which === 13){
//grabbing new todo from input
var todoText = $(this).val();
$(this).val("");
//create a new li and add to ul
$(this).next("ul").append("<li><span><i class='fa fa-trash'></i></span> " + todoText + "</li>");
}
});
});
对于演示请检查下面的代码段。
$(document).ready(function(){
$("input[type = 'text']").keypress(function(event){
if(event.which === 13){
//grabbing new todo from input
var todoText = $(this).val();
$(this).val("");
//create a new li and add to ul
$(this).next("ul").append("<li><span><i class='fa fa-trash'></i></span> " + todoText + "</li>");
}
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text"/>
<ul><li>First</li></ul>
+0
非常感谢! –
答
可能这会工作
$(this).closest("ul").append("<li><span><i class='fa fa-trash'></i></span> " + todoText + "</li>");
有你看在你的浏览器的开发工具修改HTML?文本可能被添加,但不是您认为的地方。另外,如果您的Javascript中存在错误,则会通知您这个问题。 – Sablefoste
输入没有父母ul,使用兄弟姐妹... –
是的,我已经看了修改后的html。这就是我发现它没有加入到ul中的原因。我也没有得到任何错误。 –