[英]jQuery selector for selecting an element by comparing its two data attributes
我想通过比较两个数据属性是否相等来选择一个元素。 有可能吗?如果可以,怎么办? 例如,我需要选择一个李
<li data-prevstate="true" data-currstate="false">
先前状态和当前状态相等的地方。
<li data-prevstate="true" data-currstate="false">
<li data-prevstate="true" data-currstate="false">
<li data-prevstate="true" data-currstate="true">
<li data-prevstate="true" data-currstate="false">
<li data-prevstate="true" data-currstate="true">
可能是这个吗?
$('li').filter(function() {
return $(this).data('prevstate') == $(this).data('currstate');
});
这将从上面给出的元素集中选择两个元素。
可能是这个吗?
var selected = '';
$('li').each(function() {
if($(this).attr('data-prevstate') == $(this).attr('data-currstate')) {
selected = $(this);
}
});
现在,您可以对selected
执行任何操作
或按照建议:
var selected = '';
$('li').each(function() {
if($(this).data('prevstate') == $(this).data('currstate')) {
selected = $(this);
}
});
<ul>
<li data-prev="abc" data-curr="abc">Lorem Ipsum</li>
<li data-prev="abc" data-curr="abc">Lorem Ipsum</li>
<li data-prev="abc" data-curr="abc">Lorem Ipsum</li>
</ul>
<script>
$(document).ready( function(){
var matches = [];
$('li').each( function( i, o ){
$o = $(o);
if( $o.data('prev') == $o.data('curr') )
matches.push($o);
});
console.log(matches);
});
</script>
将获取当前和先前数据匹配的所有li项
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.