在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

非常简单的解决方案：我将宽度设置为AFTER。

$.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";
});
});
});