jquery 데이터 저장 후 탭기능 사용

안녕하세요 선생님.

js level 2의 마지막 강의 '탭기능 다시만들기 : 이벤트 버블링 응용과 dataset' 를 듣고나서

생긴 질문 드립니다.

위 코드까지는 탭 기능이 잘 동작을 하는데,

data-id 문법은 호환성이 낮은 것 같아 보여 위 이미지에서

설명해주신 Jquery에서 데이터를 저장하여 탭기능을 이용하려고 했는데

어떻게 불러와야할지 감이 아예 오질않습니다.

서칭을 해도 찾기가 어렵습니다.

위 처럼 진행을 했는데 작동을 하지 않아

(작동을 안할 것 같은 코드이긴 합니다..)

어떻게 불러오면 좋을지 궁금하여 질문 드립니다.