javascript - 检查元素是否没有属性 jQuery

Question

项目的

onClick 添加了一个属性。只能选择三个项目，因此它们将永远是页面上具有以下属性的三个元素:data-selected: 1、data-selected: 2 或 数据选择:3。

if ($('.item').attr('data-selected', '1') || $('.item').attr('data-selected', '1') || 
    $('.item').attr('data-selected', '1')) {
}

我可以做一个 if 语句来检查一个元素是否有一个 attribute，我如何检查所有带有 .item 类的元素是否有一个属性，如果没有然后做点什么。

Answer 1

使用 data() 方法而不是 attr() 当您处理数据属性时，您现在必须了解数据属性 setter 和 getter 之间的区别。

二传手:

$('.item').data('selected', '1'); // assign to the data attribute selected the value 1

setter/getter :

$('.item').data('selected'); //get the value 1 from data attribute selected

尝试将数据属性 selected 的值存储在变量中，然后检查:

var selected = $('.item').data('selected');

if (selected == 1 || selected ==2 || selected == 3) {
    //Code here
}

how do I check if all the elements with .item class have an attribute and if not then do something.

您可以使用 Jquery 而不是选择器 :not() 将选择与给定选择器不匹配的所有元素。 :

if($('.item:not([data-selected])').length)
    //Not all items has attribute data-selected
else
    //All items has attribute data-selected

希望这对您有所帮助。