Member 12955507 Ответов: 2

Как я могу удалить элементы из div?

Я работаю над проектом MVC5, там я динамически создаю html.

Использование jquery,

$("#divbindProjectlist").append('<a href="#" class="list-group-item projectList" ><span class="project-name">' + json.ProjectName + '<input type="hidden" value="' + json.idPartnerProject + '" /></span><i class="pull-right close-p">x</i></a>');


Смотреть,

<div id="divbindProjectlist" class="left-top-p">
    <a class="list-group-item active left-menu-head">Projects List</a>
    <a href="#" class="list-group-item projectList">
        <span class="project-name">ssssssss</span><i class="pull-right close-p">x</i>
        <input type="hidden" class="hidprojectId" value="0.37421775864182916">
    </a>
    <a href="#" class="list-group-item projectList">
        <span class="project-name">asdfasdf</span><i class="pull-right close-p">x</i>
        <input type="hidden" class="hidprojectId" value="0.6032844290071158">
    </a>
    <a href="#" class="list-group-item projectList">
        <span class="project-name">asdfasdf</span><i class="pull-right close-p">x</i>
        <input type="hidden" class="hidprojectId" value="0.28981124419382853">
    </a>
</div>


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

Теперь, как я могу удалить каждый элемент "а" при нажатии на x ?

Я уже пробовал. Но не работает.

$(document).on("click", ".close-p", function () {
       $(this).parentsUntil(".list-group-item.projectList").remove();
   });

2 Ответов

Рейтинг:
7

Richard Deeming

Попробуй:

$(document).on("click", ".close-p", function (evt) {
    evt.preventDefault();
    $(this).closest(".list-group-item.projectList").remove();
});

Демонстрация[^]

Member 12955507

Слава богу! Уважаемый господин, Вы спасли меня... большое спасибо...

Рейтинг:
2

Ramesh Kumar Barik

Если вы создаете html динамически, то лучше дать идентификатор внутреннему контенту и удалить этот контент с помощью этого идентификатора. На каждой кнопке delete добавьте функцию jquery (Delete (youdd)) и удалите содержимое на basic этого идентификатора.

Экс:

функция Delete (id) {
$("#"+id). удалить(); //
}