Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/435.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Jquery-显示div的数量隐藏其他div_Javascript_Jquery_Html - Fatal编程技术网

Javascript Jquery-显示div的数量隐藏其他div

Javascript Jquery-显示div的数量隐藏其他div,javascript,jquery,html,Javascript,Jquery,Html,用于以下要求的HTML和JS代码 显示前3个div,隐藏其余部分 如果少于3个div(根据数据显示),则隐藏“加载更多”按钮,否则显示 单击“加载更多”按钮,显示另外3个(根据数据显示值)。根据存在的项目显示/隐藏“加载更多”按钮 “显示加载更多”按钮项仍然存在。否则隐藏“加载更多”按钮 var dataShow=$('.main wrapper').attr('data-show'); var getEle=$('.main wrapper').find('.ele'); 如果(getEle

用于以下要求的HTML和JS代码

  • 显示前3个div,隐藏其余部分
  • 如果少于3个div(根据数据显示),则隐藏“加载更多”按钮,否则显示
  • 单击“加载更多”按钮,显示另外3个(根据数据显示值)。根据存在的项目显示/隐藏“加载更多”按钮
  • “显示加载更多”按钮项仍然存在。否则隐藏“加载更多”按钮
  • var dataShow=$('.main wrapper').attr('data-show');
    var getEle=$('.main wrapper').find('.ele');
    
    如果(getEle.length使用
    length
    计算div。基于该
    show()
    hide()
    您的div

    let size=$(“.ele”).length;
    设x=parseInt($('.main wrapper').data('show'));
    $('.ele:lt('+x+')).show();
    $('.load more')。单击(函数(){
    
    x=(x+3感谢您的代码..如果我更改x=$('.main wrapper').attr('data-show')…它不会按预期工作。我们需要默认指定值..但是,我需要基于数据属性值显示div data attribute将您的值存储为字符串。您需要使用
    parseInt()解析该值
    用于数学计算的函数。谢谢..已按照您之前的说明进行了更新..它可以工作。