JQuery обращается только к первому элементу класса

Question

Я использую Kendo UI, и то, что я делаю, это обновление диаграмм по классам, чтобы я мог обновлять все диаграммы, не обращаясь к каждому из них по ID. это код:

$(".k-chart").data("kendoChart").refresh();

Проблема заключается в том, что только первая диаграмма, имеющий класс k-chart, получает обновилась, тогда как другие не пострадали. Ваша помощь будет высоко оценена.

Answer 1

Функция .data вернет значение только из первого согласованного элемента. Если вам нужно вызвать этот метод (и последующий refresh метод), вы должны будете перебирать все соответствующие элементы

$('.k-chart').each(function(){ 
    $(this).data('kendoChart').refresh(); 
});