需要用div替换特定的表

时间:2015-12-17 22:56:28

标签: jquery html

我希望使用jQuery替换页面上的表格,因此我可以使用CSS更轻松地编辑它们并使用浮动和响应式设计。我发现下面的代码成功地用div和spans替换了页面上的所有表,但我需要这个jQuery代码只将这些更改应用于一个特定的表而不是页面的其他表。

我想转换为div的具体表是:

<table class="grid">
    <tbody>
        ...
    </tbody>
</table>

<script type="text/javascript">
    $( document ).ready(function() {
    $('table').replaceWith( $('table').html()
       .replace(/<tbody/gi, "<div id='table'")
       .replace(/<tr/gi, "<div")
       .replace(/<\/tr>/gi, "</div>")
       .replace(/<td/gi, "<span")
       .replace(/<\/td>/gi, "</span>")
       .replace(/<\/tbody/gi, "<\/div")
    );
    });
</script>

1 个答案:

答案 0 :(得分:-1)

假设你的功能完成你所说的功能,这应该是你所需要的。请注意,我使用您的名字作为表格ID。

<table class="grid" id="dan_king">
    <tbody>
        ...
    </tbody>
</table>

<script type="text/javascript">
    $( document ).ready(function() {
     $('#dan_king').replaceWith( $('#dan_king').html()
        .replace(/<tbody/gi, "<div id='dan_king'")
        .replace(/<tr/gi, "<div")
        .replace(/<\/tr>/gi, "</div>")
        .replace(/<td/gi, "<span")
        .replace(/<\/td>/gi, "</span>")
        .replace(/<\/tbody/gi, "<\/div")
     );
    });
</script>