[jquery] jQuery를 사용하여 텍스트 정렬을위한 스타일을 동적으로 추가하는 방법

CSS 2.1 주변의 일반적인 IE 버그를 수정하려고하고 있으며 사용자 지정 텍스트 정렬 스타일을 추가하기 위해 요소 스타일 속성을 변경하는 방법이 필요합니다.

현재 jQuery에서 다음과 같이 할 수 있습니다.

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

그러나 동일한 접근 방식으로 텍스트 정렬을 변경하는 좋은 방법을 찾을 수없는 것 같습니다.

항목에 이미 클래스가 있으며 해당 클래스에서 운없이 텍스트 정렬을 설정했습니다. 클래스가 정의 된 후이 요소에 텍스트 정렬 CSS 속성을 추가하는 것이 가능합니까?

이런거 있어요

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

폭 조정 직후와 방화범에서 이것을 본 후에는 “width”만 스타일에 설정된 유일한 속성임을 알 수 있습니다. 도움이 필요하세요?

편집하다:

우와-이 질문에 대한 큰 응답! 당면한 문제에 대해 좀 더 자세히 설명합니다.

사용자 지정 하위 그리드 작업을 수행하기 위해 jqGrid A3.5 의 js 소스를 조정하고 있으며 조정중인 실제 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');

나는 오늘이 문제에 대해 계속 작업하고이 이상한 문제에 대해 내 고통을 느끼는 모든 사람을 위해 최종 해결책을 게시 할 것입니다.