CSS - 选择包含模式的ID

Question

我需要用css来创造，我担心我的知识已经碰壁了。我需要选择包含map-popup的所有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);
});

更新：

“不”方法是不必要的

这是我的最终代码似乎工作正常：

$('#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');