Javascript jQuery异或选择器
我想从一组div中选择所有包含特定属性的div,然后选择所有不包含任何属性的div 例如:Javascript jQuery异或选择器,javascript,jquery,jquery-selectors,xor,Javascript,Jquery,Jquery Selectors,Xor,我想从一组div中选择所有包含特定属性的div,然后选择所有不包含任何属性的div 例如: <div data-attr="1"></div> <div data-attr="2"></div> <div data-attr="3"></div> <div data-attr="4"></div> <div data-attr="5"></div> 如何做到这一点 var $
<div data-attr="1"></div>
<div data-attr="2"></div>
<div data-attr="3"></div>
<div data-attr="4"></div>
<div data-attr="5"></div>
如何做到这一点
var $divs = $('div').filter(function() {
// returns all divs with data-attr not equal 1 or 2 or 5
return [1, 2, 5].indexOf(this.data('attr')) == -1;
});
HTML:
不匹配
不匹配
匹配
HTML:
不匹配
不匹配
匹配
HTML:
不匹配
不匹配
匹配
HTML:
不匹配
不匹配
匹配
一步一步地做。首先,选择所有div:
var $div = $('div[data-attr]');
然后,选择您需要的:
var $valid_div = $div.filter(function(){
return attrList.indexOf($(this).data('attr')) > -1;
});
现在,您可以使用变量对div进行匹配操作:
$valid_div.operation_here();
要选择剩余的div,可以使用
.not()
:
一步一步地做。首先,选择所有div:
var $div = $('div[data-attr]');
然后,选择您需要的:
var $valid_div = $div.filter(function(){
return attrList.indexOf($(this).data('attr')) > -1;
});
现在,您可以使用变量对div进行匹配操作:
$valid_div.operation_here();
要选择剩余的div,可以使用
.not()
:
一步一步地做。首先,选择所有div:
var $div = $('div[data-attr]');
然后,选择您需要的:
var $valid_div = $div.filter(function(){
return attrList.indexOf($(this).data('attr')) > -1;
});
现在,您可以使用变量对div进行匹配操作:
$valid_div.operation_here();
要选择剩余的div,可以使用
.not()
:
一步一步地做。首先,选择所有div:
var $div = $('div[data-attr]');
然后,选择您需要的:
var $valid_div = $div.filter(function(){
return attrList.indexOf($(this).data('attr')) > -1;
});
现在,您可以使用变量对div进行匹配操作:
$valid_div.operation_here();
要选择剩余的div,可以使用
.not()
:
给定元素列表,可以使用从其他选择器中排除这些元素
$(函数(){
//我想处理包含attr 3和attr 4的每个div
var divs=$('div[data attr=“3”],div[data attr=“4”]);
console.log(divs);//日志2
var notDivs=$('div[data attr]')。not(divs);
console.log(notDivs);//记录其他3个
});代码>
给定元素列表,您可以使用从其他选择器中排除这些元素
$(函数(){
//我想处理包含attr 3和attr 4的每个div
var divs=$('div[data attr=“3”],div[data attr=“4”]);
console.log(divs);//日志2
var notDivs=$('div[data attr]')。not(divs);
console.log(notDivs);//记录其他3个
});代码>
给定元素列表,您可以使用从其他选择器中排除这些元素
$(函数(){
//我想处理包含attr 3和attr 4的每个div
var divs=$('div[data attr=“3”],div[data attr=“4”]);
console.log(divs);//日志2
var notDivs=$('div[data attr]')。not(divs);
console.log(notDivs);//记录其他3个
});代码>
给定元素列表,您可以使用从其他选择器中排除这些元素
$(函数(){
//我想处理包含attr 3和attr 4的每个div
var divs=$('div[data attr=“3”],div[data attr=“4”]);
console.log(divs);//日志2
var notDivs=$('div[data attr]')。not(divs);
console.log(notDivs);//记录其他3个
});代码>
XOR操作将选择data attr=3或data attr=4的div,但不能同时选择两者(如果可以使用倍数)。您是否有一个可能的数据属性值列表,这些数据属性值不是3或4?异或操作将选择数据属性为3或数据属性为4的div,但不能同时选择两者(如果可以使用多个)。您是否有一个可能的数据属性值列表,这些数据属性值不是3或4?异或操作将选择数据属性为3或数据属性为4的div,但不能同时选择两者(如果可以使用多个)。您是否有一个可能的数据属性值列表,这些数据属性值不是3或4?异或操作将选择数据属性为3或数据属性为4的div,但不能同时选择两者(如果可以使用多个)。您是否有一个不是3或4的可能数据属性值列表?正是这个!谢谢就是这个!谢谢就是这个!谢谢就是这个!谢谢