jQuery选择器:不包括类名的组合

时间:2012-11-08 23:28:44

标签: jquery css jquery-selectors

我有一个包含此信息的列表:

<li class="me">my name goes here</li>
<li class="settings">some info here</li>
<li class="me settings">some other here</li>
<li class="me">my address goes here</li>

当用户打开页面时,必须突出显示具有.me类名(仅限.me类名 )的项目:

$(document).ready(function(){
    $('li.me').effect('highlight',{color:'#FFFFFF'},3000);
});

问题是第三个列表项(“我的设置”)也正在突出显示。如何排除以下项目:

  • 没有.me classname
  • 确实将.me类名与任何其他类名
  • 结合使用

谢谢!

2 个答案:

答案 0 :(得分:1)

使用否定选择器.not()

$(document).ready(function(){
    $('li.me').not('[class*=" "]').effect('highlight',{color:'#FFFFFF'},3000);
});

答案 1 :(得分:1)

使用:

$(document).ready(function () {
    $('li[class="me"]').effect('highlight', {color:'#FFFFFF'}, 3000);
});

我们选择li哪个属性class正好是me