如何在ajax响应函数中删除li元素 - javascript

我试图删除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应用程序中的网络摄像头来支持用户的手势识别。您无需具有计算机视觉的任何背景即可使用此插件。当前,它提供了一组基本的手势,其中包括手的位置…