选择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

演示

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

Answer 4

只是语法更改

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