使用 Jquery/Javascript 替换 CSS 属性答案

【问题标题】：Replace CSS attribute using Jquery/Javascript使用 Jquery/Javascript 替换 CSS 属性
【发布时间】：2012-09-08 11:08:38
【问题描述】：

我有以下代码，其中有一个名为“formErrorContent”的 css 类

var promptContent = $('<div>').addClass("formErrorContent").
                                  html(promptText).appendTo(prompt);

在按照上面的代码添加类之前。我需要替换宽度属性像这样的其他一些值

   $("#formErrorContent").attr("WIDTH","13");

但上述行不起作用，并且没有在 css 类“formErrorContent”中将宽度属性设置为 13

请帮助我...谢谢

【问题讨论】：

【解决方案1】：

使用.css() 并将选择器更改为类，因为您将其设置为类：

var promptContent = $('<div>').addClass("formErrorContent").html(promptText).appendTo(prompt);
$(".formErrorContent").css("width","13px");

【讨论】：

【解决方案2】：

试试这个：

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

【讨论】：

我需要更多帮助才能将这 13 设为变量...如何做到这一点？
@PeteEngineer 欢迎您，您可以定义一个变量并将13px 替换为该变量。
当我在 var promptWidth = (promptText.length * 5) - (promptText.length/2) + "px;" ; var promptContent = $('
', { 'class': "formErrorContent", style: 'width:' + promptWidth , text: promptText}).appendTo(prompt);
@PeteEngineer 你不应该在那里使用+，尝试删除它。请注意，我已经使用width 作为属性更新了代码，您可以使用该属性。

【解决方案3】：

您正在添加 class，但指的是 id。试试

$(".formErrorContent").css("width","13");

【讨论】：

【解决方案4】：

使用喜欢

$('#selector_id').css("width","100");

【讨论】：

它有效...!!检查您的选择器ID是否为“selector_id”并尝试 $("#selector_id").css("width",100)....（可能是）

【解决方案5】：

你也可以使用

$("#selector_id").width(100);

可能希望它直接起作用

【讨论】：