CSS - 选择包含模式的ID

Question

我需要用css来创造,我担心我的知识已经碰壁了.我需要选择包含map-popup的所有id.

例如:

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