CSS - 選擇包含模式的ID

Question

我需要用css來創作，恐怕我的知識已經碰壁了。我需要選擇包含地圖彈出窗口的所有ID。

EG：

#map-popup-1 
#map-popup-2 
#map-popup-3 
#map-popup-4 

而且排除一個我使用jQuery的工作

$('#geo-result-block').click(function(){ 
    //this line I need to say all ids with map-popup have a z-index of 100 except map-popup-5 
    $('#map-popup-5').css('z-index', '200').fadeIn(500); 
}); 

UPDATE：

的 「不」 的方法是不必要的

這是我的最終代碼似乎工作得很好：

$('#geo-result-block').click(function(){ 
     var $mp = $('[id^="map-popup"]'); 
     $($mp).css('z-index', '100'); 
     $('#map-popup-5').css('z-index', '200').fadeIn(500); 
    }); 

Answer 1

使用attribute starts with選擇：

var $mp = $('[id^="map-popup"]'); 

和除元素，你可以使用not方法：

$mp.not('#map-popup-5');