Question

我想淡出.wrapper2 div中的每个元素，标题不是title =“webdesign”。我尝试过这样的事情

$('.wrapper2:not([title=webdesign])').fadeOut("slow");

我做错了什么？

编辑// 示例html

<div class="wrapper2">
             <div class="showImg" title="webdesign">
                  <a href="#"><div class="overlay">
                       <div class="contTxt"><span class="topTxt">Ward WP Theme</span><br><span class="topTxt2">Logotype, Webdesign</span></div>
                  </div></a>
                  <img src="http://lorempixel.com/g/400/300/city" alt="" />
             </div>
             <div class="showImg">
                  <a href="#"><div class="overlay">
                       <div class="contTxt"><span class="topTxt">Ward WP Theme</span><br><span class="topTxt2">Logotype, Webdesign</span></div>
                  </div></a>
                  <img src="http://lorempixel.com/g/400/300/nightlife" alt="" />
             </div>
</div>

EDIT2 // 这工作

$( ".wrapper2 > [title!=webdesign]" ).fadeOut("slow")

Answer 1

$('.wrapper2:not([title=webdesign])')

是一个返回对象集合的选择器。即使集合只包含一个对象。如果您确定只有一个对象，请执行以下操作：

$('.wrapper2:not([title=webdesign])')[0].fadeOut("slow");

否则，请使用each()

http://api.jquery.com/each/

另外，请确保您的传感器正确，因为它非常复杂。你可以使用

console.log($('.wrapper2:not([title=webdesign])'));

确保它返回你需要的东西

Answer 2

您可以使用子选择器>来获取标题不是网页设计的.wrapper2的孩子

$('.wrapper2 > :not([title=webdesign])').fadeOut("slow");

Answer 3

$(".wrapper2 [title!=webdesign]").fadeOut("slow")

jsfiddle http://jsfiddle.net/guest271314/3u8a88ve/

某个div里面的jQuery属性选择器

3 个答案: