某些div内的jQuery属性选择器答案

【问题标题】：jQuery attribute selector inside certain div某些div内的jQuery属性选择器
【发布时间】：2014-11-30 07:35:24
【问题描述】：

我想淡出 .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>

编辑2// 这行得通

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

【问题讨论】：

标签： jquery attributes jquery-selectors title

【解决方案1】：

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

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

【讨论】：

这是其中的一部分，在 wrapper2 内部有带有标题的子 div，例如网页设计，这些也有子 div 和元素。那些 sub sub div 也被隐藏了，我怎样才能只淡出 .wrapper2 的直接 subdiv 而不是它们的内容？
你能发一个html的例子吗
如果您要隐藏的所有 div 都是 .wrapper2 的子级，即它们都低于一级，那么您可以使用子级组合器。

【解决方案2】：

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

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

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

否则，请使用each()

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

另外，请确保您的扇区是正确的，因为它确实很复杂。你可以使用

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

确保它返回你需要的东西

【讨论】：

顺便说一句，jquery 文档对 :not() 选择器这样说： .not() 方法最终将为您提供比将复杂选择器或变量推入 :not() 更具可读性的选择选择器过滤器。在大多数情况下，这是一个更好的选择。

【解决方案3】：

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

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

【讨论】：