javascript - ID が別の要素の属性である要素を選択

Question

ID が別の要素の属性で指定されている要素を選択するにはどうすればよいですか?

<div id="_News" class="link active" data-wife="News">News</div>

で指定された ID の要素を取得しdata-wifeます。私は次のようなものを試しました

$("'#" + $(this).attr("data-wife") + "'").show();

しかし、それは私には完全に間違っているように見えます（もちろん、機能しません..）。

Answer 1

あなたは引用符を2倍にしています。次のように解釈されたセレクターになります。

$("'#News'")

代わりにこれを試してください：

$("#" + $(this).attr("data-wife")).show();

補足として、属性へのdata()アクセスに使用する方が簡単で好ましいです。data-

$("#" + $(this).data("wife")).show();

Answer 2

「data-」属性の値を取得するには、次を使用できます.data()。

$('#' + $(this).data('wife')).show();

「data-」プレフィックスを省略していることに注意してください。あなたのコードでは、引用符の余分なレイヤーを導入しましたが、これは正しくありません。ライブラリは、引用符で囲まれた文字列を含む文字列ではなく、文字列だけを必要とします。

Answer 3

デモ

$('#_News').click(function(){ 
  $('#'+this.dataset.wife).show();  
});

Answer 4

構文の変更のみ

$("#" + $(this).attr("data-wife")).show();