我试图删除li
元素,该元素是单击的a
元素的父元素。
这是我的代码:
function vanish(id_arg){
$.ajax({
url: "/vanish/",
type: "POST",
data: {id_to_delete: id_arg},
}).success(function(data){
document.getElementsByTagName('li').getElementById(id_arg).remove();
});
}
这是我的html:
{% for i in p %}
<li id="{{i.id}}"> <a>{{i.name}}</a><a onclick="vanish({{i.id}})" class="item">delete</a></li>
{% endfor %}
p是包含名称和ID的查询响应。
vanish()
将从数据库中删除该项目,并且作为ajax响应,我也想从页面中删除该项目。我需要删除而不是隐藏。
我的问题是它没有从页面中删除,我正在尝试使用javascript和li
捕获remove()
,但从未找到正确的代码。
参考方案
下面将选择所有链接并删除其上方的父元素。如果您在页面上还有其他链接,建议您给该链接一个类,以便您指定要删除的链接。还要注意,在li上调用remove()也会删除该元素内的所有内容。
$('#' + id_arg).click(function(){
$(this).parent().remove();
});
编辑:
快速阅读问题,您可以在ajax调用的成功函数中包括以下内容:
$('#' + id_arg).closest('li').remove();
Javascript-Python:将动态生成的图像提供给客户端浏览器? - php场景:用户加载页面,正在生成图像,显示加载栏,通知事件已发送到浏览器。我正在使用python代码生成图像。拥有启动脚本或将Web服务器代码嵌入python脚本的Web服务器是否理想?图像完成渲染后,客户端应收到一条消息,说明图像成功并显示图像。如何设计它以同时支持并发用户?是否只需为每个导航到该网页的新用户启动python脚本就足够了?在这种情况下拥有实时W…
Javascript + Python:将数组发送到Python脚本,将结果返回给Javascript - javascript我想建立一个网页,该网页通过Javascript API进行许多Facebook状态更新,并将它们分类到一个数组中。然后,我想将此数组发送到Python脚本,该脚本可以专门使用NLTK.进行语言分析。在Python中获得合适的结果后,我想将结果从该脚本返回到Javascript,以显示给用户等。听起来可能吗? javascript大神给出的解决方案 是的,完…
html onClick打开url存储在php变量中 - javascript以下是我的代码,正在获取Uncaught SyntaxError: Unexpected token },但是我的代码中没有看到任何}。 window.open期望用引号引起来的url,我尝试了单引号和双引号的不同组合,但不起作用并且也无法在echo中转义双引号。请帮助谢谢..<?php $a = "https://www.google.co…
Python Bottle:在请求POST数据中访问数组变量 - javascript最近,我收到了一个部分完成的项目,而我刚开始使用Bottle。我遇到一种情况,我在AJAX请求中发送字典,而Bottle在服务器端。字典看起来像这样(在JavaScript中):var myInt = 5; var myArray = [0, 1, 2]; var data = { myInt: myInt, myArray: myArray }; 然后,在…
如何根据手势滚动网页 - javascript如何使用pyhton / javascript使用手势向上/向下或向左/向右滚动页面。我尝试了很多找到解决方案,但无法解决。 参考方案 Javascript手势插件(JSHG)是一个很棒的插件,它使您可以通过现有网站或Web应用程序中的网络摄像头来支持用户的手势识别。您无需具有计算机视觉的任何背景即可使用此插件。当前,它提供了一组基本的手势,其中包括手的位置…