Question

我有3 div个，每个都有不同的data属性：

<div class="box">
  <div class="item" data-category="#music"> CLICK </div> 
</div>

<div class="box">
  <div class="item" data-category="#movies"> CLICK </div> 
</div>

.
.
.

我制作了一个激活隐藏对话框的脚本：

$('.box').click(function() {
    $('#dialogbox').show();
});

我有div，其中id与data-category属性相同：

<div id="music"> ALL INFORMATION ABOUT MUSIC </div>
<div id="movies"> ALL INFORMATION ABOUT MOVIES </div>
.
.
.

我的问题：

如何通过点击的div显示dialogbox中所有 所有信息 data-category的信息？< / p>

Answer 1

是的，你可以

$('.box').click(function() {
    var id = $(this).find('.item').data('category'); //replace with $(this).find('.item').attr('data-category') if fails

    var message = $(id).html();
    //now write your code here to push this message inside certain div of dialogbox, i assume message is the id
    $("#message").html(message);

    //then finally show
    $('#dialogbox').show();
});

在具有相同数据属性的辅助div的数据属性上显示div中的数据

1 个答案: