根据元素数显示div

Question

希望某人可以根据页面中已经存在的某个类的元素，在jquery中的if语句方面为我提供帮助。

因此，我有一个“ view-more”类的div，并且我只想显示“ house-card”类的6个以上的div。我可以使用jquery来计算有多少div（仅在示例中的“结果” div中显示，到目前为止测试了代码），但是之后我陷入了困境。

  document.getElementById("results").innerHTML = "count:" + document.querySelectorAll('.house-card').length; 
})

谢谢！

Answer 1

var showViewMore = document.querySelectorAll('.house-card').length > 6;
document.querySelector('.view-more').style.display = (showViewMore ? 'inherit' : 'none');

您只需要更改元素的样式。或者，可以选择在其上切换一个应用显示状态的类。