7

私はこのコードをHTMLで持っています

<span id="s">Attachments</span>

jQuery を使用して外側の SPAN 要素を次のテーブル コード ブロックで切り替える方法。「添付ファイル」テキストがテーブル要素でラップされるようにします。

<table id="t">
  <tr>
    <td>Attachments</td>
  </tr>
</table>
4

2 に答える 2

2

要素をラップして#sから、独自のコンテンツに置き換えます。

$("#s")
  .wrap("<table id='t'><tr><td></td></tr></table>")
  .replaceWith(function(){ 
      return this.innerHTML; 
  });

デモ: http://jsbin.com/elotan/edit#source

以下のコメントでさらに議論した後、OPはテーブルをアドホックに作成し、#sそのいずれかに挿入できるようにしたいと考えていたようtdです。次のほうがよい場合があります。

$("<table>", { 
  id:'t', html:'<tr><td>Foo</td><td>' + $("#s").html() + '</td></tr>'
}).replaceAll("#s");
于 2012-05-06T00:37:15.020 に答える
2

tr と td を使用してテーブルを作成し、スパンから HTML コンテンツをその新しい td 要素に挿入し、スパンの直後にテーブルを挿入し、最後にスパンを削除できます。

$("<table id='t'><tr><td>" + $("#s").html() +
    "</td></tr></table").insertAfter("#s");

$("#s").remove();

「スワイプ」とは「スワップ」を意味していると思いますか？そのため、元のスパンを削除しました。そうでない場合は、remove通話をそのままにしてください。

于 2012-05-06T00:32:10.350 に答える