jquery - CSS - 选择包含模式的 id

Question

我需要在 css 方面发挥创造力，但我担心我的知识已经碰壁了。我需要选择包含 map 弹出窗口的所有 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);
});

更新:

“not”方法是不必要的

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

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

使用属性开头为选择器:

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

对于排除元素，您可以使用 not 方法:

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