点击一个对象，得到另一个对象？

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代码不需要改变。