jquery - 选择 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"));