Jquery 查找剑道数字文本框的集合

Jquery 查找剑道数字文本框的集合,jquery,kendo-ui,kendonumerictextbox,Jquery,Kendo Ui,Kendonumerictextbox,我有一个包含剑道数字文本框集合的页面。您可以使用访问特定的剑道数字文本框 $("#idOfTheTextbox").data("kendoNumericTextBox") 我的问题是,我想获得Kendo NumericTextBox的集合,以便使用jquery对它们进行迭代。我想这样做,以便可以通过编程设置每个NumericTextbox的值 以下是为NumericTextbox生成的HTML <span class="k-widget k-numerictextbox"><

我有一个包含剑道数字文本框集合的页面。您可以使用访问特定的剑道数字文本框

$("#idOfTheTextbox").data("kendoNumericTextBox")
我的问题是,我想获得Kendo NumericTextBox的集合,以便使用jquery对它们进行迭代。我想这样做,以便可以通过编程设置每个NumericTextbox的值

以下是为NumericTextbox生成的HTML

<span class="k-widget k-numerictextbox"><span class="k-numeric-wrap k-state-default"><input tabindex="0" class="k-formatted-value k-input" aria-disabled="false" aria-readonly="false" style="display: inline-block;" type="text"><input name="PolicySectionSummary.RiskSectionLimitValue" class="k-input" id="txtLimit" role="spinbutton" aria-disabled="false" aria-readonly="false" aria-valuenow="100000" aria-valuemin="0" aria-valuemax="99999999" style="display: none;" type="text" min="0" max="99999999" value="100000,00" data-val="true" data-role="numerictextbox" data-val-number="The field RiskSectionLimitValue must be a number."><span class="k-select"><span class="k-link" style="-ms-touch-action: double-tap-zoom pinch-zoom;" unselectable="on"><span title="Increase value" class="k-icon k-i-arrow-n" unselectable="on">Increase value</span></span><span class="k-link" style="-ms-touch-action: double-tap-zoom pinch-zoom;" unselectable="on"><span title="Decrease value" class="k-icon k-i-arrow-s" unselectable="on">Decrease value</span></span></span></span></span><script>
jQuery(function(){jQuery("#txtLimit").kendoNumericTextBox({"decimals":2});});
增加值减少值
jQuery(function(){jQuery(#txtLimit”).kendoNumericTextBox({“decimals”:2});});

您可以使用
数据角色
属性来过滤所有剑道数字文本框(它们在实际输入中都有
数据角色=“numerictextbox”
,然后在each()调用中应用您的代码

请点击此处:
使用提供的示例HTML

可以使用
数据角色
属性过滤所有剑道数字文本框(它们在实际输入中都有
数据角色=“numerictextbox”
,然后在each()调用中应用代码

请点击此处:
使用IE开发者工具提供的示例HTML,我找不到任何数据role=“numerictextbox”,我尝试使用该类(k-numerictextbox),但到目前为止运气不佳。@user65439:您使用的是什么版本的KendUI?我使用的是最新的四分之一版本。
k-numerictextbox
适用于周围的DIV,因此您需要使用子筛选器对其进行更深入的研究。如果您可以发布特定的HTML,我可以推荐一个适合的筛选器。我使用的是1.319版,我将生成的HTML添加到我的应用程序中问题。我可以在你的HTML代码片段中看到
data role=“numerictextbox”
。忘记IE开发工具,使用Chromes F12调试窗口。它没有那么多关于当前状态的信息:)使用你的代码片段和
data role=“numerictextbox”
在使用IE开发工具时,我找不到任何数据role=“numerictextbox”,我尝试使用类(k-numerictextbox),但到目前为止运气不佳。@user65439:您使用的是什么版本的KendUI?我使用的是最新的四分之一版本。
k-numerictextbox
适用于周围的DIV,因此您需要使用子筛选器对其进行更深入的研究。如果您可以发布特定的HTML,我可以推荐一个适合的筛选器。我使用的是1.319版,我将生成的HTML添加到我的应用程序中问题。我可以在你的HTML代码片段中看到
data role=“numerictextbox”
。忘记IE开发工具,使用Chromes F12调试窗口。它没有那么多关于当前状态的信息:)使用你的代码片段和
data role=“numerictextbox”
添加了一个JSFIDLE
$('[data-role="numerictextbox"]').each(function(){
    var $textbox = $(this);
    // do something with the textbox
});