選擇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();