jquery - 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);
});

更新：

“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

使用attribute starts with选择器：

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

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

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