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");

Answer 2

你的代码应该是这样的：

<script type='text/javascript'> 
$(document).ready(function(){
    var divOneContent = $('#div1_id').html();
    var divTwoContent = $('#div2_id').html();
    $('#div1_id').html(divTwoContent);
    $('#div2_id').html(divOneContent);
});

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

2 个答案: