jQuery选择器问题

Question

我有以下jQuery代码,一切正常:

         $("#sidebar .m3, #sidebar .m5").toggle(function() {                  
               $(this).find("img").attr({­src:"images/Up.png"});                 
               }, function() {
               $(this).find("img").attr({­src:"images/Down.png"});                  
         }); 

我的问题是,不是单独指定$("#sidebar .m3,#sidebar .m5"),我的菜单项可能有m1,m2,m3,m4,m5等等,无论如何都有:

$("#sidebar .m[*]").

这将满足".m"之后的任何数字,所以我不需要硬代码m3或m5？

谢谢.

Answer 1

如果这是应用于菜单项的唯一(或第一个)类,则可以使用属性以selector开头.

$('#sidebar [class^=m]')...

更好的方法是给它们所有公共类,比如menu-item,除了你的其他类只是作为一个选择器来组合它们之外,然后简单地使用:

$('#sidebar .menu-item')...