jquery - 基于 data-* 属性显示和隐藏元素

Question

这看起来对于 JQuery 来说应该是微不足道的，但是这个函数隐藏了整个表单......有人能指出我正确的方向吗？

$('form')
        .children()
        .filter(function(){
            return $(this).data('show', 'pro')
        })
        .show();
$('form')
         .children()
         .filter(function(){
             return $(this).data('show', 'home')
         })
         .hide();

Answer 1

您正在将 2 个参数传递给 data method ，从而设置它而不是检索旧值。

改用这个:

$('form')
        .children()
        .filter(function(){
            return $(this).data('show') === 'pro';
        })
        .show();
$('form')
         .children()
         .filter(function(){
             return $(this).data('show') === 'home';
         })
         .hide();

您还可以缓存选择器以提高性能(或使用 end )。