개체를 클릭하고 다른 개체를 가져 옵니까?

Question

클릭하면 개체 ID가 표시됩니다.

id는 'about-me'와 같습니다.

이제 클릭 기능에서 'content-about-me'라는 객체를 타겟팅하고 싶습니다.

어떻게하면됩니까? 필자는 행운과 함께이 시도 :

$('.sub-nav').on('click', function(){ 

     $('#content-'$(this).attr('id')); 

    }); 

Answer 1

당신은 접두사 content-와 ID를 연결하는이 :

$('#content-' + this.id); 

내가 또한 해당하지만 this.id 짧은와 $(this).attr('id')를 교체했다.

이렇게하는 대신 "other"요소의 전체 ID를 클릭 대상의 어딘가에 저장하는 것이 좋습니다. 예를 들어 다음

<div class="sub-nav" id="foo" data-other-element="content-foo">...</div> 

그리고는

$('.sub-nav').on('click', function(){ 
    var $other = $("#" + $(this).attr('data-other-element-')); 
}); 

이 코드는 DRY, 그래서 당신은 ID 태그 방식을 변경하려는 경우 JS 코드뿐만 아니라 변경할 필요가 없습니다을한다.