Javascript 单击带有数据集的按钮，将显示具有相同数据集的div

我有一个数据id为=“1”的按钮，我有一个数据id为=“1”的div，我想在按下按钮时执行此操作，以获取按钮的数据id，并显示具有相同数据id的div

---

我有这样的代码：jsfiddle.net/mmqjs5zs/

您可以在.row2 click函数中将id提供给属性选择器

$(document).ready(function(){

    $('.actionsDiv').hide();

    $('.row2').click(function(){
        var id = this.dataset.id;
        $('.actionsDiv[data-id="'+ id + '"]').show();

    });
});

---

您可以在.row2 click函数中将id指定给属性选择器

$(document).ready(function(){

    $('.actionsDiv').hide();

    $('.row2').click(function(){
        var id = this.dataset.id;
        $('.actionsDiv[data-id="'+ id + '"]').show();

    });
});

---

您可以在.row2 click函数中将id指定给属性选择器

$(document).ready(function(){

    $('.actionsDiv').hide();

    $('.row2').click(function(){
        var id = this.dataset.id;
        $('.actionsDiv[data-id="'+ id + '"]').show();

    });
});

---

您可以在.row2 click函数中将id指定给属性选择器

$(document).ready(function(){

    $('.actionsDiv').hide();

    $('.row2').click(function(){
        var id = this.dataset.id;
        $('.actionsDiv[data-id="'+ id + '"]').show();

    });
});

---

这将是我的解决方案：

$('.row2').on('click', function(){
        $('.actionsDiv:visible').hide();

        var id = $(this).attr('data-id');
        $('div[data-id="' + id + '"]').show();
});

---

小提琴：这将是我的解决方案：

$('.row2').on('click', function(){
        $('.actionsDiv:visible').hide();

        var id = $(this).attr('data-id');
        $('div[data-id="' + id + '"]').show();
});

---

小提琴：这将是我的解决方案：

$('.row2').on('click', function(){
        $('.actionsDiv:visible').hide();

        var id = $(this).attr('data-id');
        $('div[data-id="' + id + '"]').show();
});

---

小提琴：这将是我的解决方案：

$('.row2').on('click', function(){
        $('.actionsDiv:visible').hide();

        var id = $(this).attr('data-id');
        $('div[data-id="' + id + '"]').show();
});

---

小提琴：

谢谢你，伙计！你救了我的人！你救了我的人！你救了我的人！你救了我