Не надо плодить темы. По сути все ваши вопрос следовало бы обсуждать в одной единственной, т.к. они взаимосвязаны.
$('li').click (function(event){
event.stopPropagation(); //останавливаем всплытие
var id_res = $(this).parents('[data-id]:first').data('id'); //получаем первого предка с атрибутом data-id, получаем значение этого атрибута
$('.result').html(id_res);
})
Каюсь, в предыдущей теме я не проверял результат и забыл остановить
всплытие, потому событие клик срабатывало на всех li по порядку снизу вверх и результат, соответственно, каждый раз перезаписывался.
P.S. ".parents()" - это
все родители, потому ".parents().parents()" - это бессмысленно. Может всё-таки начнёте читать
документацию, а не гадать на кофейной гуще?