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

Question

单击时，我得到一个对象 ID。

id 将类似于“about-me”。

现在在点击功能中，我想定位名为“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 代码也不需要更改。