Question

我有一个data-id =＆＃34; 1＆＃34;我有一个div与data-id =＆＃34; 1＆＃34;，我想按下按钮这样做，它得到按钮的数据ID，并显示具有相同data-id的div。

我有这个代码：jsfiddle.net/mmqjs5zs /

Answer 1

您可以将.row2点击功能中的ID提供给属性选择器。

$(document).ready(function(){

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

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

    });
});

Answer 2

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

FIDDLE

Answer 3

这将是我的解决方案：

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

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

小提琴：http://jsfiddle.net/theagitator/5j7ymgxh/

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

3 个答案: