25
4
我正在尝试创建一个交互式待办事项列表，我在其中将文本输入文本框，单击一个按钮，它会在下面添加项目。到目前为止，我已经成功地使用按钮将项目添加到我的列表中，但我无法通过单击一次删除一个项目，这是我希望能够做到的。 (理想情况下，每个项目旁边都有一个复选框，当我单击该项目时，该项目将消失)。到目前为止，使用 .remove() 操作我只能通过单击使列表中的所有项目消失。我做了一些研究，认为 .on() Action 可能是我需要的。我试过了，现在我根本无法让元素消失。这是我的代码:
Trung tâm cá nhân
Điều phát hành
từ bỏ$(document).ready(function() {
$('#button').click(function() {
var toAdd=$('input[name=checkListItem]').val();
$('#item').append.('.list');
});
$(document).on('click','item',function() {
$(this).remove();
});
});
有什么明显不正确的地方吗？还是有更好的方法来解决这个问题？我对此很陌生，感谢所有反馈。谢谢!
câu trả lời hay nhất
我用更正的代码 fork 了你的 fiddle :http://jsfiddle.net/XEDHJ/2/
这是您遇到问题的地方:
$('.list').on('click','input',function() {
$(this).parent().remove();
});
sử dụng TRÊN是个正确的主意，它非常适合这种情况。你的使用方式TRÊN是您有一个父节点，在本例中是一个类为list 的div , 以及一些匹配的 child nodes ，在本例中是 input 的任何元素在你的父节点下面。子节点由第二个参数中的选择器表示。这将匹配您的 div 下的任何输入节点，即使它们是在页面呈现后创建的。
因为我将您的输入包装在 中标签，我们实际上想删除那个父级 .所以我们调用$(this).parent().remove() .
我在下面留下了我的原始示例，但这应该足以让您继续。
看起来像这样的东西就是你要找的东西:
fiddle
JavaScript
$(document).ready(function() {
$('#button').click(function() {
$('#item').append("To do!");
});
$('#item').on('click','input',function() {
$(this).parent().remove();
});
});
HTML
关于javascript - 可移动 list 项目，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/15169452/
25
4
0
我想使用 R 预定义这样的列表 DATA<-list( list(list(),list(),list()), list(list(),list(),list()), list(list(),l
如何将一个列表添加到另一个列表，返回一个列表的列表？ foo :: [a] -> [a] -> [[a]] 例如，我想要的结果是: foo [1,2] [3,4] 将是 [[1,2], [3,4]]。
我还没有在这里找到类似问题的解决方案，所以我会寻求你的帮助。 有 2 个列表，其中之一是列表列表: categories = ['APPLE', 'ORANGE', 'BANANA'] test_re
这个问题不同于Converting list of lists / nested lists to list of lists without nesting (这会产生一组非常具体的响应，但无法解决
原始列表转换为 List正好。为什么原始列表的列表不能转换为 List 的列表？ { // works List raw = null; List wild = raw; } {
在下面的代码中，get()被调用并将其结果分配给类型为 List> 的变量. get()返回 List>并在类型参数为 T 的实例上调用设置为 ? ，所以它应该适合。 import java.util
原始列表转换为 List正好。为什么原始列表的列表不能转换为 List 的列表? { // works List raw = null; List wild = raw; } {
在insufficiently-polymorphic 作者说: def foo[A](fst: List[A], snd: List[A]): List[A] There are fewer way
我有下面的代码有效。 class ListManipulate(val list: List, val blockCount: Int) { val result: MutableList>
đóng cửa. Câu hỏi này cần được hỏi tập trung hơn. Câu trả lời không được chấp nhận vào thời điểm này. Bạn muốn cải thiện vấn đề này? Đã cập nhật câu hỏi để chỉ tập trung vào một vấn đề chỉnh sửa bài đăng này. Đã đóng 5 năm trước. Cải thiện truy vấn này
在 scala (2.9) 中转换列表列表的最佳方法是什么？ 我有一个 list : List[List[A]] 我想转换成 List[A] 如何递归地实现这一点？或者还有其他更好的办法吗？ 最佳答案
我编写了这个函数来确定给定元素是否存储在元组列表的列表中，但目前它只搜索第一个列表。我将如何搜索其余列表？ fun findItem (name : command, ((x,y)::firstlis
我创建了一个类名 objectA，它有 4 个变量:约会时间;字符串文本；变量 1，变量 2 我需要创建一个 ObjectA() 列表。然后首先按时间对它们进行分组，其次按 var1，然后按 var2
我有一套说法 char={'J','A'} 和列表的列表 content = [[1,'J', 2], [2, 'K', 3], [2, 'A', 3], [3,'A', 9], [5, 'J', 9
我有以下列表 List >>> titles = new ArrayList >>> ();我想访问它的元素，但我不知道该怎么做.. 该列表有 1 个元素，它又包含 3 个元素，这 3 个元素中的
转换 List[List[Long]] 的最佳方法是什么？到 List[List[Int]]在斯卡拉？ 例如，给定以下类型列表 List[List[Long]] val l: List[List[Lo
我有一个来自 Filereader (String) 的 List-List，如何将其转换为 List-List (Double):我必须返回一个包含 line-Array 的第一个 Values 的
我收集了List> 。我需要将其转换为List> 。这是我尝试过的， List> dataOne = GetDataOne(); var dataTwo = dataOne.Select(x => x
这个问题在这里已经有了答案: Cannot convert from List to List> (3 个答案) 关闭 7 年前。 我没有得到这段代码以任何方式编译: List a = new Ar
这个问题在这里已经有了答案: Cannot convert from List to List> (3 个答案) 关闭 7 年前。 我没有得到这段代码以任何方式编译: List a = new Ar
Tôi là một lập trình viên xuất sắc, rất giỏi!