点击一个对象，获取另一个对象？

Question

点击后我会得到一个对象id。

id就像'about-me'。

现在在on click函数中我想要定位一个名为'content-about-me'的对象。

我该怎么做？我试过这个没有运气：

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

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

    });

Answer 1

您必须将id与前缀content-：

连接起来

$('#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代码也不需要更改。