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>

在 promtText 的末尾

Answer 1

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

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