javascript - 特定のデータ値をターゲットにする方法

Question

すべてのグリッド クラスにデータ属性を割り当てました。各値は 1 ～ 64 の範囲の異なる数値です。

クラス 'success' を data-value="1" でグリッド クラスに追加するようにしたいのですが、特定の値なしでしか取得できません。そのため、データ値と呼ばれるすべてのデータ属性を見つけて成功クラスを追加しますが、データ属性が1のクラスにのみ追加する方法がわかりません.

function clickSquare() {
$('.grid').click(function(){

    if ( $('.grid').data('value'))
    {
        $(this).addClass("success");

    }
    else
    {
        $(this).addClass("error");
    }

    });
}


<div data-value="1" class="grid pointer">1</div>

また、配列を設定した場合

var values = ['1', '2']

jqueryがクラスを配列の値にのみアタッチするようにするにはどうすればよいですか。それが理にかなっていることを願っています！