javascript - 用变量替换 css 属性

Question

如何用变量值替换下面代码中的宽度？

$('<div/>', {
  'class': "formErrorContent",
   width: '13px',
   text: promptText
}).appendTo(prompt);

喜欢

 var promptWidth = (promptText.length * 5) - (promptText.length/2);
 var promtWidthString  = promptWidth + 'px;'
 var promptContent = $('<div/>', { 'class': "formErrorContent", style: 'width:' +   promtWidthString , text: promptText}).appendTo(prompt);

上面的代码会在一个额外的地方结束

< /br >

在提示文本的末尾

Answer 1

当您使用 appendTo 时，无需将对象存储在变量中。您可以使用 width 为元素设置 width 样式，也可以从您的代码中删除 + ，请注意，如果您要添加标记，而不是文本，您应该使用 html。

$('<div/>', { 
    'class': "formErrorContent", 
     width: promtWidthString,
     html: promptText
}).appendTo(prompt);