메세지 저장시, li 태그에 걸려있는 data-id를 불러오는 파트 질문입니다.

질문 1)
브라우저에서 방게시물 클릭시 h6태그에 클릭이되어도 li 하위 태그여서
dataset으로 정보를 받아 올 거라고 생각이 드는데 그렇지 않고 h6을 클릭시에는 data접근
이 안되더군요.
그래서 그냥 h6에도 data를 다 넣어줬는데 보기가 너무 더러운것 같습니다.
다른 해결 방법은 없나요.
질문 2)
$('.list-group-item').click(e => {}) class로 구분해준 요소인 .list-group-item <li>클릭시에
{} 이 부분 실행 해달라는걸로 알고 있습니다.
.list-group-item <li> 태그 하위에 있는 <h6> 클릭 해도 실행이 되던데
li에 달린 dataset에는 접근이 안되는 이유가 뭔가요.