通过两个数据属性和排除数据属性获取div

Question

我有一些像这样的div：

<div id="1" data-effect-in="swing" data-effect-out="bounce"></div>
<div id="2" data-effect-in="swing"></div>
<div id="3" data-effect-out="swing"></div>
<div id="4" data-effect-out data-effect-in="swing"></div>
<div id="5" data-effect-in data-effect-out="fadeIn"></div>

jsFiddle

我需要在jQuery中使用具有数据效果和数据效果输出的div，这些属性的值不为空。

添加了要求

我也需要获得具有数据效果输出的div，其值不是空的，并且没有数据效果。

id是GUID（我不知道id，是从数据库生成的）

谢谢！

Answer 1

具有数据效果和数据效果输出的Div，这些属性的值不为空：

$("div[data-effect-in][data-effect-in!=''][data-effect-out][data-effect-out!='']")
// result: div#1

具有数据效果输出且具有非空值且没有数据效果输入的Div：

$("div[data-effect-out][data-effect-out!='']:not([data-effect-in])")
// result: div#3

这是我的jsfiddle。