来自数据绑定函数的id

时间:2016-01-15 03:22:25

标签: javascript jquery html5 kendo-ui

如何从函数data-bind上的div获取id?

这不起作用:

window.APP = {
    models: {
        court_a: kendo.observable({
            court_a_touch_unit_1: function (e) {
                var id = $(e.item).attr('id');
                console.log(id);
            },
        }),
    }
};

<div data-role="touch" id="court_a_touch_unit_1" data-bind="events: { touchstart: court_a_touch_unit_1 }">
    <img class="unit_image" data-bind="attr: { src: images[1].url }" />
</div>

1 个答案:

答案 0 :(得分:0)

这对你有用:

court_a_touch_unit_1: function (e) {    
    var id = e.sender.element.attr("id");
    console.log(id);
},

或者如果使用data-id更容易,请使用:

court_a_touch_unit_1: function () {
    var id = $(event.target).data('id');
    console.log(id);
},

<div data-role="touch" id="court_a_touch_unit_1" data-id="1" data-bind="events: { touchstart: court_a_touch_unit_1 }">
    <img class="unit_image" data-id="1" data-bind="attr: { src: images[1].url }" />
</div>

您希望将data-id放在两个元素中,因为用户可以单击图像或div TCGB