FadeOut元素

时间:2015-05-11 14:12:47

标签: jquery html attributes fadeout

我正在尝试使用代码淡出元素

$('[title!="head"]').each(function () {
    $(this).fadeOut(100);
});

使用上面的代码,所有元素都会淡出,包括带有$('[title="head"]')的元素。

代码完美适用于条件

$('[title="head"]')

任何意见都将受到高度赞赏。

2 个答案:

答案 0 :(得分:0)

您可以使用filter过滤title不是“头”的元素

Demo

$(document).ready(function() {
  $('div')
    .filter(function() {
      return $(this).attr('title') !== 'head';
    })
    .fadeOut(100);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
<div title="head">HEAD</div>
<div title="myhead">MY HEAD</div>
<div title="your head">YOur HEAD</div>
<div title="head">Again HEAD</div>
<div title="headNo">HEAD No</div>

答案 1 :(得分:0)

只需使用:not()

$('body *:not([title="head"])').each (function(){
    $(this).fadeOut(100);
});