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

Question

来自这样的元素

<div class="menu" data-content="one">Start</div>

如何选择ID等于属性data-content，#one中的值的元素？

修改

我曾经这样试过并且想知道......

$(".menu").on("click", function () {

    $this = $(this);
    $(".content.active").removeClass("active");
    $(".menu.active").removeClass("active");
    $this.addClass("active");
    $("#" + this.attr("data-content")).addClass("active");

});

我错过了一个$ ..

    $("#" + $this.attr("data-content")).addClass("active");

感谢您的回答！

Answer 1

假设this是您的div，只需使用此选择器：

$('#'+$(this).data('content'))

Answer 2

试试这个，例如，你想要这个div的html文本，等于data-content，

$('#'+$('.menu').attr('data-content')).html();

Answer 3

使用.attr("data-content")获取实际的数据内容属性

var $div; // div.menu
$("#" + $div.attr("data-content"));