来自数据绑定函数的 ID

id from data-bind function

本文关键字：ID 函数 数据绑定      更新时间：2023-09-26

如何从函数数据绑定上的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>

这将适用于您：

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>

您希望将数据 id 放在两个元素中，因为用户可以单击图像或div。
TCGB

相关文章：