如何添加样式到.attr（'style'，'width：newWidth'）;其中newWidth是动态的

Question

我有一个如下代码

var newWidth = Math.floor(width * .75) + 'px';
$(this).find("input:first").attr('style', 'width:newWidth ');

请你纠正我，因为正确的语法应该是直接传递newWidth不起作用我也必须通过样式才能做到这一点

Answer 1

使用.css()

$(this).find("input:first").css('width', newWidth);

Answer 2

您可以使用css方法：

$(this).find("input:first").css('width', <your dynamic value> + 'px');

以下是documentation的链接。

否则，如果您必须使用attr，您应该可以这样做：

$(this).find("input:first").attr('style', 'width:' + <your dynamic value> + 'px');

Answer 3

如另一个答案中所述，您可以使用.css()：

var newWidth = Math.floor(width * .75) + 'px';
$(this).find("input:first").css({
    width: newWidth
});

或者您可以使用.width()，因为您使用的是px单位：

var newWidth = Math.floor(width * .75);
$(this).find("input:first").width(newWidth);

Answer 4

你可以试试这个  .css("width","500px")

Answer 5

试试这个

$(this).find("input:first").attr('style', 'width:'+newWidth+'px');