smartyで動的にカスタムデータ属性を付与して、jQueryで判定したい

Question

smartyでaタグにIDとカスタムデータ属性(data-item)を付与して、
jQuery側でカスタムデータ属性の値を読み込んで、判定したいです。
現在undefinedになってしまい、うまく値がとれていません。

Smarty

            <div>
                {?foreach from=[
                    [
                        'id' => "item1",
                        'attribute' => "cat",
                    ],
                    [
                        'id' => "item2",
                        'attribute' => "cat",
                    ],
                    [
                        'id' => "item3",
                        'attribute' => "dog",
                    ]
                ] key=ck item=ci name=cn?}
                <div>
                    <a id="{?$ci.id?}” data-item="{?$ci.attribute?}”>
                    </a>
                </div>
                {?/foreach?}
            </div>

jQuery

(function () {
    'use strict';

    ///////////////////////////////////////////////////////////////////////

    var data = {
        box1: {
            item1: {
                message: 'message1',
                image: 'image1.png'
            },
            item2: {
                message: 'message2',
                image: '2.png'
            }
        },
        box2: {
            tri1: {
                message: 'message3',
                image: '5.png'
            },
            tri2: {
                message: 'message4',
                image: '6.png'
            },
        }
    };

    $('a').on('click', function (evt) {
        evt.preventDefault();
        
        var id = $(this).attr('id');

        //ここでカスタムデータ属性の値を読み込みたいです
        var type = $('a').attr('data-item');
        console.log(type);

        if(type==="dog"){
          var item = data.box1[id];
          console.log(item);
        }
        else if(type==="cat"){
          var item = data.box2[id];
          console.log(item);
        }

    });

})();

Answer 1

// var type = $('a').attr('data-item');
//               ↓
   var type = $(this).attr('data-item');
```**動くサンプル：**[https://jsfiddle.net/3h78cvkr/](https://jsfiddle.net/3h78cvkr/)

---

**追記：**

もう一箇所見つけました。

```PHP
<a id="{?$ci.id?}” data-item="{?$ci.attribute?}”>
                ↓ 全角なので半角に。          ↓ 全角なので半角に。
<a id="{?$ci.id?}" data-item="{?$ci.attribute?}">

---

追記：

例示されたオブジェクトがそもそも解答が入っていないような。box1はdogじゃないと表示されないのにitem3が無かったり、box2はそもそも例示部分とは関係が無いもの（item＋番号でないもの）が入っています。

Comments

[xyunow]

色々わかりづらいコードをかいてしまってすみません。
var type = $(this).attr('data-item');
thisだったんですね。
カスタムデータ属性の値がとれました。ありがとうございます。