獲取數據值並應用一個類，如果它等於某個值

Question

我有一個需要使用gridster.js的作業分配，我希望能夠檢查列表項的數據行屬性是否等於某個值，以及它的data-col屬性等於一個值。如果它們的值等於所需的值，並且它們的座標與預期的位置相匹配，我想向該列表項添加一個類爲「true」的類。

我目前正試圖與實現這一目標的清單項目有2初始data-row和1一個data-col，我要檢查它是否已被轉移到data-row1和data-col1。我試過的代碼是這樣的：

if ($('.hi').data({row: 1, col: 1})) $('.hi').addClass('true'); } 

但是，這個語句導致無論位置如何都添加了真正的類。理想情況下，我想要做的是檢查每個列表項的data-row和data-col值是否等於正確的值，以及是否添加了true類。然後，我打算使用.each方法來檢查每個列表項是否有一個類true，如果他們這樣做，我想更改包含gridster無序列表的div的背景顏色。

Answer 1

這是因爲使用的是data作爲設定器返回一個jQuery對象和在JavaScript對象是truthy值，除了認爲data只返回在jQuery的集合中的第一個匹配元素的值，則可以使用filter方法：

$('.hi').filter(function(){ 
    var $this = $(this); 
    return $this.data('row') === 1 && $this.data('col') === 1; 
}).addClass('true');