1

リストに変換したいテーブル（2列）があります。

trこれまでのところ、 s をliタグでラップできます。

$('#table tr').each(function() {
  $(this).wrap('<li />');
});

しかし、他に書かれたコンテンツをそのままにして、タグ<tr>と<td>タグを簡単に取り除く方法があるかどうか疑問に思っていましたか?this

remove()and をいじってみましreplaceWith()たが、タグの間からもすべて削除されます。

タグ自体をターゲットにする方法はありますか?

編集: HTML:

これ：

<tr>
 <td>Lorem</td>
 <td>Ipsum</td>
</tr>
<tr>
 <td>Dolar</td>
 <td>Sit</td>
</tr>

なる:

<li>Lorem Ipsum</li>
<li>Dolar Sit</li>

*もちろん、単語間のスペースは後で処理します

4

2 に答える 2

1

これを試して、

$(function(){
    $('tr').each(function(){
        console.log('<li>'+$(this).text()+'</li>')
        $(this).html('<li>'+$(this).text()+'</li>');
    });
});

フィドル http://jsfiddle.net/wwSGV/1

于 2013-06-03T05:36:27.080 に答える
1

http://jsfiddle.net/m3emb/1/

html

<table>
<tr>
 <td>Lorem</td>
 <td>Ipsum</td>
</tr>
<tr>
 <td>Dolar</td>
 <td>Sit</td>
</tr>
</table>

<ul></ul>

jQuery

var $list = $('ul');
$('table tr').each(function() {
  $list.append($('<li />').html($(this).text()));
});
$('table').remove();
于 2013-06-03T05:44:46.320 に答える