javascript - 这是 jquery data() 的可接受使用吗？

Question

我正在使用 jquery data() 附加一个 div 的名称，我想在单击另一个 div (.panel_button) 时显示。当文档准备好时，我正在将此 div 的 id 附加到按钮。这是执行此操作的好方法吗？还是它太耗费资源而且看起来不专业？

$(document).ready(function(){

    $('#sample_button').data('panel', 'sample_kit_container');
    $('#mail_button').data('panel', 'mail_container');
    $('#mbillboard_button').data('panel', 'mbillboard_container');

    $('.panel_button').on('click', function(){

        $('.secondary_panel').hide();
        var panel = $(this).data('panel');
        $('#' + panel).show();

    });

});

Answer 1

是的，那应该可以正常工作。作为替代方案，您可以存储实际元素本身(假设它已经存在)而不是每次都找到它:

$('#sample_button').data('panel', $('#sample_kit_container'));
$('#mail_button').data('panel', $('#mail_container'));
$('#mbillboard_button').data('panel', $('#mbillboard_container'));

$('.panel_button').on('click', function(){

    $('.secondary_panel').hide();
    var panel = $(this).data('panel');
    panel.show();

});