Question

我试图在这个标签中获取data-id的值，以存储在var filterValue

中

<a class="link-item" href="#page" data-id="1">Some Page</a>

使用下面的脚本，因为我需要Handlebars Helper使用的data-id ID的值

Javascript是

    var filterValue = $("body").on('click', 'a.link-item', function (e) {
    e.preventDefault();
    $(this).data("id");

    alert("Data ID: " + $(this).data("id"));

    console.log(filterValue);

    Handlebars.registerHelper('filter', function (fValue, options) {
        if (fValue == filterValue) {
            return options.fn(this);
        } else {
            return options.inverse(this);
        }
    });

});

警报返回data-id的值，但不知何故它没有存储在var filterValue

中

我在这里创建了一个JS bin http://jsbin.com/fesejo/1/edit?html,js,output

谢谢＆amp;此致

Answer 1

你做错了，你必须改成它：

 var filterValue;
   $("body").on('click', 'a.link-item', function (e) {
    e.preventDefault();
    filterValue =$(this).data("id");//<-- store data-id value in variable
    ....................
    ....................
});

或：

   $("body").on('click', 'a.link-item', function (e) {
    e.preventDefault();
    var filterValue =$(this).data("id");//<-- store data-id value in variable
    ....................
    ....................
});

UPDATED JS BIN

获取数据ID值

1 个答案: