javascript - 交换内容后如何刷新div的表格宽度样式？

Question

我有两个 div。一个 div 包含表格内容，另一个包含纯文本。我切换两个 div 的内容。交换后所有浏览器都可以在表格样式上正常工作，除了一个完全忽略表格样式并使 td 单元格宽度非常宽的 android 浏览器。

  <div id="div1_id">Pure Text Content</div> 

  <div id="div2_id>     
         <table width="3000" border="0" cellspacing="0" cellpadding="0" >
            <colgroup>
                <col width="20px" />
                <col width="40px" />  
                 ... 
                <col width="30px" />
                <col width="auto" /> 
            </colgroup>
            <tbody>
              <tr>
                  <td>row1 col1</td>   
                  <td>row1 col2</td>
                   ...   
                  <td>row1 colx</td>   
                  <td>row1 coly</td>   
              </tr>
              ...
  </div>  
  <script type='text/javascript'> 
        var divOneContent = $('#div1_id').html();
        var divTwoContent = $('#div2_id').html();
        $('#divOneContent').html(divTwoContent);
        $('#divTwoContent').html(divOneContent);
  </script>

在更改div 的内容后，有什么jquery 方法可以用来刷新div 的css 样式吗？这可能会帮助我解决浏览器错误？

Answer 1

jQuery 有一个 .css() 方法，您可以使用:

 $('#div1_id').css(propertyName, value);

你也可以改变类:

 $('#div1_id').attr("class", "newClass");