如何在Jquery中选择html元素的特定实例？
如何在Jquery中选择html元素的特定实例？
提问于 2014-07-09 22:56:49
我有一个待办事项列表应用程序，允许用户创建待办事项。现在，我正在使用jquery构建功能，这将允许用户删除任务。
问题是，当我点击删除按钮在一个做的应用程序，要求我确认删除的每一个列表项目。当我单击“取消删除”对一个，它取消对所有他们。换句话说，我正在接收所有HTML .的重复行为。
我相信这是因为所有的待办事项都是从同一个html.erb模板中生成的，在模板中我给每个元素它的ID以便我可以引用它，但是由于每个ID是相同的，所以我不能区分包含相同ID的元素的不同的todo。如何在Jquery?中选择html元素的一个特定实例？
完整的JS代码/HTML输出：http://jsfiddle.net/LvKED/
Rails html.erb代码：
<%= form_for task do |form| %>
<li>
<% if !task.completed %>
<p> <%= task.title%></p>
<p>– <%=task.body %></p>
<%= form.check_box :completed, class: "completed_checkbox" %>
<%= button_to "Delete post",{}, class:"delete_button" %>
<%= link_to "Confirm deletion",{}, class: "confirm_links", id: "confirm_delete" %>
<%= link_to "Cancel",{}, class: "confirm_links cancel_delete" %>
</li>
<% end %>
<% end %>Stack Overflow用户
发布于 2014-07-09 23:04:54
在事件处理程序中，您可以通过以下代码行获得对该特定项的引用：
var targetElement = $(event.target).closest('li');页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/24664948
复制相关文章
相似问题
腾讯云开发者
