0

その要素をjQuery関数を使用TABLEして変換したい構造がありますDIV

HTML の例:

<table>
  <tr>
    <td>
             <table>
                <tbody>
                       <tr>
                           <td>1000+</td><td>&nbsp;&nbsp;</td><td>$0.115</td>
                       </tr>
                       <tr>
                           <td>2000+</td><td>&nbsp;&nbsp;</td><td>$0.106</td>
                       </tr>
                       <tr>
                           <td>5000+</td><td>&nbsp;&nbsp;</td><td>$0.099</td>
                       </tr>
                       <tr>
                       <td>10000+</td><td>&nbsp;&nbsp;</td><td>$0.092</td>
                       </tr>
                </tbody>
             </table>
    </td>
  </tr>
  <tr>
    <td>Some Data</td>
  </tr>
</table>

私が置き換えたい構造は、セル ( TD) タグ内にあるテーブルです。TDそのため、タグ内に存在するテーブルのみをフィルタリングして置き換えるコードを作成しました

$('table td:has(table)').replaceWith(function() {
           //Replace function starts here
})

<TABLE>問題は、、、、、のようなすべて<TBODY>の要素をor要素<TH>に置き換えたいということです。<TR><TD><DIV><SPAN>

どうすればこれを達成できますか？

<table width="95%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><div>
    <div>
        <div>
                <div>1000+</div><div>&nbsp;&nbsp;</div><div>$0.115</div>
        </div>
        <div>
                <div>2000+</div><div>&nbsp;&nbsp;</div><div>$0.106</div>
        </div>
        <div>
                <div>5000+</div><div>&nbsp;&nbsp;</div><div>$0.099</div>
        </div>
        <div>
                <div>10000+</div><div>&nbsp;&nbsp;</div><div>$0.092</div>
        </div>
    <div>
</div></td>
  </tr>
  <tr>
    <td>Some Data</td>
  </tr>
</table>
4

1 に答える 1

0

以下を使用できます。

$("#me").click(function(){
    var innerhtml = $("table tr td").html();
    var innerhtml = innerhtml.replace(/table/g, "div");
    var innerhtml = innerhtml.replace(/tbody/g, "div");
    var innerhtml = innerhtml.replace(/tr/g, "div");
    var innerhtml = innerhtml.replace(/td/g, "div");
    $("table tr td").html(innerhtml);
});

テーブル内から HTML を取得し、「table」、「tbody」、「tr」、および「td」のすべてのインスタンスを「div」に置き換えます。

作業例はこちら

于 2013-10-22T07:42:45.930 に答える