탭기능 다시 만들기에서 data("name") 사용 시 질문

[박주연]

"탭기능 다시 만들기: 이벤트 버블링 응용과 dataset" 부분 질문입니다.

강의 마지막에 $(html요소).data("name") 하면 Jquery로도 만들수 있다고 하셔서 한번 코딩을 해봤는데요.

$('.tab-button') 를 쓰고  .data("name")이 아래처럼 작성하면 잘 되는데,

$('.tab-button').click(function() {   

탭열기($(this).data("id"));
})

function 탭열기(숫자) {
    tabBtn.removeClass('active');
    tabContent.removeClass('show');    
    tabBtn.eq(숫자).addClass('active');
    tabContent.eq(숫자).addClass('show');
}

 

근데 메모리 아끼기 위해 list 클래스에 이벤트 리스너 달아보려고 $('.list)를 이용하려니 잘 안되서요. 짱구 아무리 굴려봐도 안되요 ㅠ=ㅠ

$(.'list')쓸 때 $(this)가 리스트 전체를 의미하는거더라구요. 그래서 list의 뭐가 select 되었는지 알수가 없네요.

어떻게 하죠?

[codingapple]

this말고 e.target을 써봅시다  

e.target 혹은 $(e.target)은 현재 내가 실제로 클릭한 요소를 뜻합니다 

[박주연]

우앙 잘되요! e.target은 쌩자바스크립트라고 하셔서 시도 안해봤는데 $(e.target) 으로 써도 되는지 이제 알았어요!

[글쓴이]

글