Member 12955507 Ответов: 1

Как удалить div с помощью id ?


Я работаю на MVC 5,

После удаления изображения из папок, дел, содержат изображения теперь снимаете.

$(document).on("click", ".deleteProImg", function (e) {
    debugger
    if (confirm("Are you sure you want to delete?")) {       

        var imgId = $(this).attr('id');
        var _imgId = imgId.substring(10);       
        $.ajax({
            url: '/Product/DeleteProImage/',
            type: "POST",
            data: { proFileName: _imgId },
            success: function (data) {
                $('#' + _imgId).remove();
            }
        });
    }
    return false;
});


Что я уже пробовал:

Смотреть,

<div id="uploadedImages">
        <div id="25cb10a7-3ae0-41a7-9b40-964ea0e74308.png"><img id="undefined" src="../Product/Image?imageName=25cb10a7-3ae0-41a7-9b40-964ea0e74308.png" width="135" height="135"> <button class="deleteProImg" id="btnProImg_25cb10a7-3ae0-41a7-9b40-964ea0e74308.png">Delete</button> <input type="hidden" value="25cb10a7-3ae0-41a7-9b40-964ea0e74308.png" name="img_81"></div></div>


Как я могу удалить div $('#25cb10a7-3ae0-41a7-9b40-964ea0e74308.png')?

ZurdoDev

$("#divID"). удалить()

Member 12955507

да, я пытался. $ ('#' + _imgId). remove (); здесь _imgId = "25cb10a7-3ae0-41a7-9b40-964ea0e74308.png", но этого не происходит.

ZurdoDev

Затем отладьте его. Вам нужно будет убедиться, что $("#25cb10a7-3ae0-41a7-9b40-964ea0e74308.png").длина > 0.

Member 12955507

да, я отладил тогда _imgId = "25cb10a7-3ae0-41a7-9b40-964ea0e74308.png". но все равно div не удаляется.

ZurdoDev

А что такое $("#25cb10a7-3ae0-41a7-9b40-964ea0e74308.png").длина ?

Member 12955507

ноль

ZurdoDev

Это означает, что нет элемента с идентификатором 25cb10a7-3ae0-41a7-9b40-964ea0e74308.png. Нажмите кнопку Просмотреть источник и посмотрите, что это за идентификатор.

Member 12955507

пожалуйста, посмотрите мой html-код, после результата ajax я сделал wright $ ('#' + _imgId). remove (); этот код, но все равно div показывает там, как выше html.

ZurdoDev

Ты меня не слушаешь. Потому что.длина была 0, значит, ее не существует. Итак, просмотрите источник и узнайте, что это за идентификатор. Или упростите идентификатор. Это один сумасшедший идентификатор, так что вполне возможно, что это и есть причина проблемы.

Member 12955507

Извините меня! здесь каждый div динамически создается с именем изображения, то есть идентификатором div. затем снова установите имя изображения в качестве идентификатора div, добавив к div 'uploadedImages'

F-ES Sitecore

Это, вероятно,".", что дает вам проблемы, когда вы делаете "#а.Б" через селектор jQuery это означает, что-то с идентификатором "а", который имеет класс "Б", так что jQuery-это на самом деле ищу идентификатором называется 25cb10a7-3ae0-41a7-9b40-964ea0e74308 С класс в формате PNG.

Когда вы динамически создаете идентификаторы, я бы удалил точку, так что Ваш идентификатор на самом деле 25cb10a7-3ae0-41a7-9b40-964ea0e74308png

ZurdoDev

Хороший улов.

ZurdoDev

Вы должны опубликовать это решение.

F-ES Sitecore

Он только попросит "дай мне код", и я CBA lol

ZurdoDev

Тогда jQuery лжет. Я не знаю, чего ты хочешь, если не сделаешь то, о чем мы тебя просим.

1 Ответов

Рейтинг:
11

Ramesh Kumar Barik

Когда мы создаем какой-либо динамический идентификатор для HTML-элемента управления, мы должны следовать некоторым правилам.
Как только Ваш идентификатор будет правильным, ваш jquery будет работать нормально.

Пожалуйста, обратитесь по этой ссылке, она может вам помочь.

Каковы допустимые значения атрибута id в HTML? - переполнение стека[^]


Nirliptananda

Спасибо, Приятель !!