javascript - 在初始加载时隐藏图像

Question

有没有更简单的方法来编码，这样我们就不必继续插入每个连续的数字？也许只是第一个和最后一个。

<script>
$(document).ready(function(){$("#001,#002,#003,#004,#005,#006,#007,#008,#009,#010,#011,#012,#013,#014,#015,#016,#017,#018,#019,#020,#021,#022,#023,#024,#025,#026,#027,#028,#029,").css("display", "none");});  
</script>

Answer 1

最简单的方法是为所有这些元素分配一个类

然后

$('.myClass').css('display', 'none')

会完成工作。

否则，您将需要使用正则表达式来捕获它们..

一个简单的正则表达式可以做到

$('span').filter(function() {
    return /[0-9]+/.test(this.id);
}).addClass('a')

假设所有这些都是跨度元素。

检查小提琴

Answer 2

是的，如果您必须这样做，您可以在一组选择器上使用 jQuery 过滤器。

$('div').filter(function() {
  return this.id.match(/^0[0-2][0-9]$/);
}).css('display', 'none');

但是正则表达式很昂贵，我建议您改用类。

Answer 3

您基本上可以通过执行以下操作来隐藏所有图像

$('img').hide();

但是，这将隐藏页面上的所有图像，因此您可以将所有这些图像放入容器中，如下所示：

<div id='MyImgContainer'>
//Add images here
</div>

js

$('#MyImgContainer').hide();