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')

假设所有这些都是span元素。

<强> Check Fiddle

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();

在初始加载时隐藏图像

3 个答案: