點擊一個對象，得到另一個對象？

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).attr('id')用等價的，但更短的this.id。

請記住，不要這樣做，將「其他」元素的完整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代碼不需要改變。