选择其ID在另一个元素中属性的元素

Question

如何选择在另一个元素的属性中给出ID的元素？

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

我想抓住data-wife中给出的ID元素。我尝试过像

这样的东西

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

但对我来说这看起来完全错了（当然不起作用......）。

Answer 1

你的报价加倍了。你最终会得到一个如下解释的选择器：

$("'#News'")

请改为尝试：

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

作为旁注，使用data()访问data-属性更简单，更可取：

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

Answer 2

要获取“data-”属性的值，您可以使用.data()：

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

请注意，您不要使用“data-”前缀。在您的代码中，您引入了额外的引号层，这是不正确的。该库只需要一个字符串，而不是一个带有引号字符串的字符串。

Answer 3

demo

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

Answer 4

只是语法更改

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