2013-06-22 110 views
-8

有沒有更簡單的方法來編碼,以便我們不必繼續插入每個連續的數字?也許只是第一個也是最後一個。去會在初始加載時隱藏圖像

<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> 
+1

什麼?問題描述是什麼? – exexzian

+2

難道你不能只用這些ID在元素上放一些常見的類嗎? –

回答

2

簡單的方法是一個類分配給所有這些元素

然後

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

將完成工作。

否則,你就需要使用正則表達式來捕捉它們..

一個簡單的正則表達式可以做

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

假設所有的這些都是span元素。

Check Fiddle

+0

該正則表達式將匹配包含數字的所有ID。也許你想要更具體的東西:'/^0 [0-2] [0-9] $ /' –

+0

@JanDvorak ..有你去..只是學習正則表達式.. :) –

2

是,如果你必須這樣你可以在一組選擇使用jQuery的過濾器做到這一點。

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

但正則表達式很貴,我建議您使用類來代替。

+0

你的正則表達式將匹配所有包含一個數字。也許你想要更具體的東西:'/^0 [0-2] [0-9] $ /' –

+0

@JanDvorak謝謝。顯然正則表達式不是我的專長:) – Jivings

0

你基本上可以隱藏通過以下操作

$('img').hide(); 

然而,這將隱藏在網頁上的所有圖片,所以你可以把所有這些圖像在一個容器中,像這樣所有圖片:

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

the js

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