Javascript 成功后如何删除元素类？

当用户单击与其图像相关联的表单中的按钮时，我希望图像在成功后消失。我在实现这一点上遇到了困难。有什么建议吗

    <script type="text/javascript">
   $(document).ready(function() {
       $(".removebutton").submit(function(event){

       event.preventDefault();
            $.ajax({
                 type:"POST",
                 url:"/munch_video/",
                 data: {
                        'video_id': $('.video_id', this).val(), // from form
                        'playlist': $('.playlist').val(), // from form
                        'add_remove': $('.add_remove').val(), // from form 
                        },
                 success: function(message){                         
                        alert(message);
                        $('.span8').removeClass('.video_id', this);

                    }
            });
            return false;
       });

    });
</script>

<div class = "span8" style = "width: 900px;">
<!-- wrapper div -->
    <div class='wrapper huluDotCom'>

    <!-- image -->
    <div class="image" style="position: relative; left: 0; top: 0;">

            <a href = "/partners/Business/huluDotCom">
                <img src = "/huluDotCom.png">
            </a>


        <!--  munchbutton div --> 
        <div class='munchbutton'>
            <form method='post' action = '/munch_video/ ' class = 'removebutton'><div style='display:none'><input type='hidden' name='csrfmiddlewaretoken' value='dKrS8NzqPWFLM6u8wJrAeid4nGw1avGK' /></div>
                <input type="hidden" value="Channel" class = "playlist"/>
                <input type="hidden" value="huluDotCom" class = "video_id"/>
                <input type="hidden" value="remove_video" class = "add_remove"/>

                <input type='submit' class="btn btn-danger" value='Remove from plate'/>
            </form>
        </div>
        <!-- end munchbutton div -->


    </div>
    <!-- end image div -->

    </div>
    <!-- end wrapper div -->


    <!-- wrapper div -->
    <div class='wrapper TheEllenShow'>

    <!-- image -->
    <div class="image" style="position: relative; left: 0; top: 0;">

            <a href = "/partners/Business/TheEllenShow">
                <img src = "/TheEllenShow.png">
            </a>


        <!--  munchbutton div --> 
        <div class='munchbutton'>
            <form method='post' action = '/munch_video/ ' class = 'removebutton'><div style='display:none'><input type='hidden' name='csrfmiddlewaretoken' value='dKrS8NzqPWFLM6u8wJrAeid4nGw1avGK' /></div>
                <input type="hidden" value="Channel" class = "playlist"/>
                <input type="hidden" value="TheEllenShow" class = "video_id"/>
                <input type="hidden" value="remove_video" class = "add_remove"/>

                <input type='submit' class="btn btn-danger" value='Remove from plate'/>
            </form>
        </div>
        <!-- end munchbutton div -->


    </div>
    <!-- end image div -->

    </div>
    <!-- end wrapper div -->

</div>

$（文档）.ready（函数（）{
$（“.removebutton”）.submit（函数（事件）{
event.preventDefault（）；
$.ajax({
类型：“POST”，
url:“/munch_video/”，
数据：{
'video_id'：$（'.video_id'，this）.val（），//来自表单
'playlist'：$（'.playlist'）.val（），//来自表单
'add_remove'：$（'.add_remove'）.val（），//来自表单
},
成功：函数（消息）{
警报（信息）；
$（'.span8'）.removeClass（'.video_id'，this）；
}
});
返回false；
});
});

$（'.span8'）。removeClass（'video_id'）

类的参数中没有点

编辑：当你要求将img从div中删除时

$('.span8').find('img').remove()

要删除div中的所有图像

$('.span8').find('img.video_id').remove()

要删除具有视频id类的img

如果只想隐藏元素

$('.span8').find('.video_id').hide()

我从你的电话开始。它只需要一个参数，

此

被忽略。类的名称前面不需要句点

//$('.span8').removeClass('.video_id', this);
$('.span8').removeClass('video_id');

编辑：听起来您可能需要进行遍历。我假设在

中有一个按钮和一个图像，如下所示

<div class="span8">
    <img src="cat.jpg" />
    <a href="#" class="removebutton">remove</a>
</div>

---

removeClass只接受类名，不需要在其中提供选择器元素

$('.span8').removeClass('video_id');

---

谢谢

我不明白为什么图像会消失，因为它的显示没有改变。这个怎么样：

$('.span8').removeClass('video_id').addClass('goaway');

并添加css

。goaway{display:none；}

采用类的名称，而不是类的选择器。换言之，你想去掉圆点

$('.span8').removeClass('video_id');

---

首先是

event.preventDefault（）的位置因为它将停止默认执行

所以它应该是关于return语句的

其次，您不必为
removeClass
添加任何其他参数，因此它将像

$this.closest('.image').remove();

其中
$this
是一个已保存的引用。如果
$（this）

第三，我找不到任何具有类
span8
以及
video\u id
的元素，因此您需要给出整个代码或再次检查所有元素

最后，还要检查php代码是否给出了正确的结果或发送了任何错误

试试这个

$(".removebutton").submit(function(event){
        var $this = $(this);
        $.ajax({
             type:"POST",
             url:"/munch_video/",
             data: {
                    'video_id': $('.video_id', this).val(), // from form
                    'playlist': $('.playlist').val(), // from form
                    'add_remove': $('.add_remove').val(), // from form 
                    },
             success: function(message){                         
                    alert(message);
                    $this.closest('.image').remove();

                }
        });
        event.preventDefault();
        return false;
   });

尝试
$（'.span8'）.removeClass（'.video_id'）Try$（'.span8'）.removeClass（'video_id'）；代码中的
.span8
在哪里？？？@CodeJack它是
，就在
之后，我尝试了这个，但是与按钮点击相关的图像没有被删除。让我知道是否有任何东西符合您的要求。当我这样做时，我可以删除所有图像。查找（'img'）。但是，接下来的两个选项对我不起作用。图像保持不变。我不想删除同一类的所有图像。我想删除与所选按钮关联的图像。确定。现在尝试此…
$（'.span8'）。查找（'img.video_id'）。删除（）
最后一个按钮仍然不成功。图像仍保留在那里。我尝试了此操作，但与按钮单击关联的图像未被删除。根据您发布的html判断，您需要进行一些遍历。我的编辑应该可以工作。我尝试了$（this）。最近（'.span8'）。查找（'img'）。删除（）；图像仍然停留在那里。我把它放在成功警报之后，获得了成功，但没有更改映像。我没有更改默认值，而是$this.closest（'.image'）.remove（）；工作！！非常感谢。嗯，这也是一种可能性。祝你一切顺利。
$(".removebutton").submit(function(event){
        var $this = $(this);
        $.ajax({
             type:"POST",
             url:"/munch_video/",
             data: {
                    'video_id': $('.video_id', this).val(), // from form
                    'playlist': $('.playlist').val(), // from form
                    'add_remove': $('.add_remove').val(), // from form 
                    },
             success: function(message){                         
                    alert(message);
                    $this.closest('.image').remove();

                }
        });
        event.preventDefault();
        return false;
   });