javascript - 在javascript中设置跨度的属性

Question

我想设置跨度的宽度，我成功获得了正确的元素。我已经尝试过：

$(".k-widget .k-numerictextbox")[0].style.width=60;
//the next one gives VM37616:1 Uncaught TypeError: $(...)
//[0].style.setAttribute is not a function
$(".k-widget .k-numerictextbox")[0].setAttribute('width', '60');
$(".k-widget .k-numerictextbox")[0].style.setAttribute('width', '60');

在控制台中：

$(".k-widget .k-numerictextbox")[0].style.width

向我展示了这个，但我想将其设置为 60px：

""

事实上，我正在迭代，我的最后一次迭代设置了一个数字文本框，它似乎重置了我的宽度：

 $.each(grid.wrapper.find("[class=k-filter-row]"), function (index, elt) {
    $.each(grid.wrapper.find("[data-field=Id]"), function (index, elt) {
        $(".k-widget .k-numerictextbox")[0].style.width = "60px";//works
        $.each(grid.wrapper.find("[data-role=numerictextbox]"), function (index, elt) {
            console.log($(this));
          //will undo my changes
            $(this).kendoNumericTextBox({
                culture: "fr-FR",
                format: "#",
                decimals: 0,
                min: 0,
                width:60,
                step: 1

            });
        });
     });
}); 

有什么帮助吗？

Answer 1

首先你需要检查你是否有正确的 jq 选择器并试试这个：

$(".k-widget .k-numerictextbox").width(60);

Answer 2

如果您使用 jQuery，就像您看起来那样，那么

$(".k-widget .k-numerictextbox").width(60);

应该做的伎俩。

http://api.jquery.com/width/

Answer 3

非常简单的解决方案：我在之后设置宽度。

$.each(grid.wrapper.find("[class=k-filter-row]"), function (index, elt) {
    $.each(grid.wrapper.find("[data-field=Id]"), function (index, elt) {
        $.each(grid.wrapper.find("[data-role=numerictextbox]"), function (index, elt) {
            console.log($(this));
            $(this).kendoNumericTextBox({
                culture: "fr-FR",
                format: "#",
                decimals: 0,
                min: 0,
                step: 1

            });
            $(".k-widget .k-numerictextbox")[0].style.width = "60px";
        });
     });
});