Как удалять элемент из двух списков?

Question

[Станислав]

По нажатию на кнопку создаётся элемент списка в двух местах. В одном месте в нём есть кнопка удалить, которая должна удалять этот элемент из двух списков.
Получилось сделать только удаление из одного списка
Собственно тут, что получилось у меня.

Comments

[OVK2015]

Как-то так:
https://jsfiddle.net/s8ag7oge/6/

Answer 1

[DarkSideF]

Необходимо приписывать обоим добавляемым элементам data атрибут, в котором будет хранится уникальный идентификатор (ID) добавленных элементов, и при нажатии кнопки удалять элементы по этому ID.

По-быстрому допилил пример.
https://jsfiddle.net/DarkSideF/L5s51tmq/4/

Comments

[DarkSideF]

И то же самое с наглядным выводом ID: https://jsfiddle.net/DarkSideF/L5s51tmq/5/

[Станислав]

DarkSideF:
спасибо ) может с id поможешь тоже? при таком выводе когда удаляешь комнату и добавляешь, то id идёт дальше (т.е. добавил комната1, комната2; удалил комната2; добавил комнату и получилась комната3).

[DarkSideF]

Станислав: Эти ID должны быть уникальными и используются для идентификации HTML элемента. Для визуальной нумерации следует использовать другие средства (например тот же ol).
Либо нужно поочередно нумеровать каждый элемент после удаления, а новые добавлять с номером "кол-во элементов + 1"

[Станислав]

DarkSideF: а можно как нибудь брать номер непосредственно из ol ?

[DarkSideF]

Станислав: $('.room-added[data-room-id="ID"]').index() + 1
где ID поменять на ID нужной комнаты.

Answer 2

[Greg Popov]

Вешайте что-то, по чем можно определить два итема из обоих списков (на пример уникальный класс для двух итемов) и вешайте удаление через

$(document).on('click','.delete-button class'+index,function(){
// delete
})