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