удалить div на функцию успеха

Question

удалить div на функцию успеха

0

Я пытаюсь удалить div с помощью jquery, но он не работает.

Это мой html-код:

<html>
<body>
<div id="logout">
<form class="ajax" method="post" action="">
<div id="box_22">
<div id="box_23">
<div id="box_56">
<script src="http://code.jquery.com/jquery-1.10.2.min.js">
<script src="/../js/tt.js" type="text/javascript">
</body>
</html>

и мой сценарий: как я могу удалить поле.

$(".delBtn").click(function (event) {
     event.preventDefault();
     var clickedID = 'clickId=' + this.id;       
        jQuery.ajax({
        type: "POST", // HTTP method POST or GET
        url: "/addchannel/delUsr.php", //Where to make Ajax calls
        dataType:"text", // Data type, HTML, json etc.
        data:clickedID, //Form variables
        success:function(response){
            alert("#box_"+clickedID);
            $( "div #box_"+clickedID ).remove();


        },
 });
 });

php developer 24 окт. 2013, в 15:03

Источник

0

Где находится элемент с классом delBtn в этом HTML? Также где закрывающие теги? Если это ваш настоящий HTML-код, то он полностью недействителен, и вы не можете гарантировать какое-либо конкретное поведение с ним.
Anthony Grist 24 окт. 2013, в 12:30

Теги:

javascript

jquery

3 ответа

Ещё вопросы

Где находится элемент с классом delBtn в этом HTML? Также где закрывающие теги? Если это ваш настоящий HTML-код, то он полностью недействителен, и вы не можете гарантировать какое-либо конкретное поведение с ним.

Arun P Johny · Answer 1 · 2013-10-24T10-30-00.000Z

Ваш селектор ошибочен.... "div #box_"+clickedID выполняет поиск элемента с идентификатором "#box_"+clickedID внутри элемента div.

В вашем случае вы можете напрямую использовать селектор id

Обновление: реальным виновником является переменная clickedID, вы создали ее как строку параметров... поэтому селектор не сработает.

$(".delBtn").click(function (event) {
    event.preventDefault();
    var id = this.id;
    var clickedID = 'clickId=' + id;

    jQuery.ajax({
        type: "POST", // HTTP method POST or GET
        url: "/addchannel/delUsr.php", //Where to make Ajax calls
        dataType: "text", // Data type, HTML, json etc.
        data: clickedID, //Form variables
        success: function (response) {
            alert("#box_" + id);
            $("#box_" + id).remove();
        }
    });
});

Div с идентификаторами, начинающимися с box_ находятся в div в HTML- box_ , который он опубликовал, поэтому селектор в порядке (просто бессмысленно). РЕДАКТИРОВАТЬ: О, подождите, нет закрывающих тегов ... Бог знает, как эта страница должна выглядеть. : /
Это не работает. но если я сделаю это $ ("div") .remove (); это работает только это удаляет каждый div.
закрывающие теги есть, я скопировал модель DOM из firebug, чтобы она выглядела следующим образом.
@phpdeveloper да ... реальный виновник - переменная clickedID , это не селектор ... это была строка параметров ... см. обновление
@phpdeveloper Скопируйте реальный источник HTML в следующий раз, публикация представления DOM из Firebug никому не поможет.
@ Arun P Johny @ Энтони Грист внезапно сработал, сэр.
@ Арун П: ты можешь мне помочь с этим stackoverflow.com/questions/19564281/…

subZero · Answer 2 · 2013-10-24T10-32-00.000Z

Удалите пространство:

$( "div#box_"+clickedID ).remove();

ED-209 · Answer 3 · 2013-10-24T10-27-00.000Z

Вам не нужен "div" в селекторе JQuery

$( "#box_"+clickedID ).remove();