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 コードも変更する必要はありません。