通过jquery选择器查找knockout元素

Question

我有一些用knockout渲染的元素：

<div class="chart" data-bind="attr: {'data-chart-id': id}"></div>

然后我想通过数据属性找到jquery元素：$("[data-chart-id='1']")

但是当我在模型中执行此操作时，模型的data-chart-id尚未分配。

如何处理？

Answer 1

您可以使用setTimeout等待绑定完成或写入custom binding：

HTML：

<div class="chart" data-bind="customAttribute: {chartId: id}"></div>

JS：

ko.bindingHandlers.customAttribute = {
    init: function(element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) {
         var value = ko.utils.unwrapObservable(valueAccessor().chartId); 
         $(element).attr('chartId', value);
         // then you can write your jquery code here
    }
};

Answer 2

试试这个：

$("body *[data-chart-id='1']");