Javascript Jquery-显示div的数量隐藏其他div
用于以下要求的HTML和JS代码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
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()解析该值
用于数学计算的函数。谢谢..已按照您之前的说明进行了更新..它可以工作。