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

はい、このようにする必要がある場合は、セレクターのグループで jQuery フィルターを使用できます。

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

ただし、正規表現はコストがかかるため、代わりにクラスを使用することをお勧めします。

Answer 2

次のようにして、基本的にすべての画像を非表示にすることができます

$('img').hide();

ただし、これによりページ上のすべての画像が非表示になるため、これらすべての画像を次のようにコンテナーに配置できます。

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

js

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