Javascript 使用jQuery选择具有特定数据属性的元素

Javascript 使用jQuery选择具有特定数据属性的元素,javascript,jquery,html,jquery-selectors,Javascript,Jquery,Html,Jquery Selectors,我如何使用jQuery选择具有特定数据属性和特殊类的元素 例如,我想选择以下元素: <div data-roomid="55" data-status="NoData"></div> <div data-roomid="55" data-status="Open"></div> <div data-roomid="55" data-status="Close"></div> 谢谢。您可以使用:not选择器-请参阅下面的演示

我如何使用jQuery选择具有特定数据属性和特殊类的元素

例如,我想选择以下元素:

<div data-roomid="55" data-status="NoData"></div>
<div data-roomid="55" data-status="Open"></div>
<div data-roomid="55" data-status="Close"></div>

谢谢。

您可以使用
:not
选择器-请参阅下面的演示:

var roomid=55,状态为'Book';
$(“[data roomid=“”+roomid+”]:不是([data status='+status+'))。每个(函数(){
$(this.css)({
颜色:“蓝色”
});
});

野田
打开
接近

这就是你要找的书吗

$('div:not([data-status=Book])[data-roomid='+ roomid +']')

什么是
特殊类
?术语
class
在html中有特殊的含义,所以它有点混淆了您想要的内容。您想要选择的div之一与您不想要的div相同。@kukkuz:good catch。已更新。@j08691,正确。改变。
roomid = 55;
$('[data-roomid="'+ roomid +'"]').each(function(e) {

});
$('div:not([data-status=Book])[data-roomid='+ roomid +']')