jquery - 如何使用 jQuery 为文本对齐动态添加样式

Question

我正在尝试纠正 CSS 2.1 周围常见的 IE 错误，并且需要一种方法来更改元素样式属性以添加自定义文本对齐样式。

目前在 jQuery 中你可以做类似的事情

$(this).width() or $(this).height() 

但我似乎找不到用同样的方法改变文本对齐的好方法。

该元素已经有一个类，我在该类中设置了文本对齐，但没有成功。是否可以在定义类后向该元素添加文本对齐 CSS 属性？

我有这样的东西

$(this).css("text-align", "center"); 

在我调整宽度之后，在 firebug 中查看它之后，我只看到“宽度”是样式上设置的唯一属性。有帮助吗？

编辑:

哇哦 - 对这个问题的巨大回应!关于手头问题的更多细节:

我正在调整 jqGrid 的 js 源代码A3.5 做一些自定义的子网格工作，我正在调整的实际 JS 如下所示(很抱歉在上面的示例中使用了“this”，但为了简洁起见，我想保持这个简单)

var subGridJson = function(sjxml, sbid) {
    var tbl, trdiv, tddiv, result = "", i, cur, sgmap,
    dummy = document.createElement("table");
    tbl = document.createElement("tbody");
    $(dummy).attr({ cellSpacing: "0", cellPadding: "0", border: "0" });
    trdiv = document.createElement("tr");
    for (i = 0; i < ts.p.subGridModel[0].name.length; i++) {
        tddiv = document.createElement("th");
        tddiv.className = "ui-state-default ui-th-column";
        $(tddiv).html(ts.p.subGridModel[0].name[i]);
        $(tddiv).width(ts.p.subGridModel[0].width[i]);
        trdiv.appendChild(tddiv);
    }
    tbl.appendChild(trdiv);
}

我已经尝试了以下两种方法(根据提供的答案)但没有成功。

$(tddiv).width(ts.p.subGridModel[0].width[i]).attr('style', 'text-align: center');

和

$(tddiv).width(ts.p.subGridModel[0].width[i]).css('text-align', 'center');

今天我将继续处理这个问题，并为任何对这个奇怪问题感到痛苦的人发布最终解决方案。

Answer 1

如文档所示，您的想法是正确的:

http://docs.jquery.com/CSS/css#namevalue

您确定您使用类或 ID 正确识别了它吗？

例如，如果您的类是 myElementClass

$('.myElementClass').css('text-align','center');

此外，我已经有一段时间没有使用 Firebug，但您是在查看 dom 而不是 html？ javascript 不会更改您的源代码，但 dom 会更改。查看 dom 选项卡并查看更改是否已应用。