jQuery 选择器，用于通过比较元素的两个数据属性来选择元素

jQuery selector for selecting an element by comparing its two data attributes

本文关键字：元素 两个 选择 数据属性 选择器 用于 比较 jQuery      更新时间：2023-09-26

我想通过比较元素的两个数据属性来选择一个元素，如果它们是否相等。是否可能，如果是，如何？例如，我需要选择一个 Li 

<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 项

相关文章：