Ссылка на один li

Question

У меня есть список контактов. Каждый li содержит 2 divs для всех контактных данных, а другой для кнопок для контакта/редактирования/удаления контакта. Моя проблема заключается в том, что я хочу иметь возможность редактировать отдельный контакт, нажав соответствующую кнопку редактирования. Поскольку он предназначен для мобильных устройств, я не хочу открывать другое модальное окно или добавлять еще один шаблон в li, поэтому я хочу установить атрибут html contenteditable равным true. Однако я не могу найти способ сделать это только с одним контактом, в основном все контакты становятся редактируемыми, чего я не хочу. Я пробовал различные jQuery selectors/traversal methods и использовал 'this', но не получил того поведения, которое я ищу. Любая помощь приветствуется. Заранее спасибо

Answer 1

Если вы используете Jquery, тогда решение будет поставляться с родительским селектором.

Когда вы поймаете событие на кнопке, вам просто нужно посмотреть на родительский ли. Затем вы можете найти всех детей, чтобы преобразовать их в исходные данные.

Этот код не работает. Редактирование необходимо

Template.toto.events ({ 
    "click .edit" : function(e){ 
     var par = $(event.target).parent("li"); 
     par.children("p").... // find children to make them editable 
    } 
}); 

Это должно привести вас к решению