Question

所以我有一个包含以下内容的li标记的大列表：

<li class="square" data-selected= data-square="1"></li>
<li class="square" data-selected= data-square="2"></li>
<li class="square" data-selected= data-square="3"></li>

onClick然后，我将data-square中的一个属性添加到data-selected，以便我所选元素的onClick如下所示：

<li class="square" data-selected="3" data-square="3"></li>

我有30个li个标签。我基本上想检查是否有任何选择，如果有的话。

    $('.square').each(function() {
      console.log(count);
      var attrSquare = $('.square').attr('data-selected');

      if (typeof attrSquare !== typeof undefined && attrSquare !== false) {
          console.log('test');
      } else {
        console.log('selected');
      }
    });

目前，我已将console.logs放入，以确定我是否进入了我进入的地方。但是，它只是在窗口控制台中吐出30个测试。我从来没有进入选定的控制台。谁知道我哪里出错？

Answer 1

您只能定位具有data-selected属性的元素，然后修改其数据选择值：

$('.square[data-selected]').attr('data-selected',function(){
  return $(this).data('square');
});

<强> Working Demo

Answer 2

请更改jquery代码，如下所示： -

$('.square').each(function() {
      console.log(count);
      var attrSquare = $(this).attr('data-selected');

      if (typeof attrSquare !== typeof undefined && attrSquare !== false) {
          console.log('test');
      } else {
        console.log('selected');
      }
    });

它可能对你有帮助。

Answer 3

查找具有数据选择属性的元素

$('.square[attr="data-selected"]').each(function(){
    // do something.
})

jQuery检查列表是否有属性

3 个答案: