-1

私は以下のようなhtmlコードを持っています:

<table class="table_inscription">

    <tr>
            <td colspan="2"><label class="social fb"><p class="nonetext">Facebook</p></label> <input class="text social" type="text" name="facebook" value="<?=$facebook;?>" /></td>
            <td colspan="2"><label class="social socialright sk"><p class="nonetext">SoundClick</p></label> <input class="text social" type="text" name="soundclick" value="<?=$soundclick;?>" /></td>                              
        </tr>   

</table>

そして、私はそれを次のように変更したい:

<table class="table_inscription">

    <tr>
            <td colspan="2"><label class="social fb"><p class="nonetext">Facebook</p></label> <input class="text social" type="text" name="facebook" value="<?=$facebook;?>" /></td>
    </tr>
    <tr>
            <td colspan="2"><label class="social socialright sk"><p class="nonetext">SoundClick</p></label> <input class="text social" type="text" name="soundclick" value="<?=$soundclick;?>" /></td>                              
    </tr>   

</table>

CSS JQUERYと他の方法を使用して、誰かが私を助けてください、ありがとう

4

6 に答える 6

1

あなたが使用することができunwrapますwrap

デモ

$(function(){
   $('td').unwrap('<tr>');
   $('td').wrap('<tr>');
});
于 2013-10-30T06:38:48.280 に答える
0

これはあなたのために働くかもしれません：

var table = $(".table_inscription");
var tds = table.find("td");
table.empty();
for(var i=0; i<tds.length; i++) {
    table.append($('<tr><td>' + tds.eq(i).html() + '</td></tr>'));
}

JSFIddle: http://jsfiddle.net/VSF38/

于 2013-10-30T06:37:59.940 に答える
0

私は実際に今夜これと非常によく似たことをしました。私は単にテーブルを再構築しました：

var $newTableEntity = $('<table />');

$('.table_inscription td').each( function(index, td_element){
    var $newRow = $('<tr />').append( td_element );
    $newTableEntity.append( $newRow );
});

$('.table_inscription').replaceWith( $newTableEntity );

これはjQueryを使用していることに注意してください。

于 2013-10-30T06:36:37.967 に答える
0

これを試して、

var $table = $('table').clone();
$table.html('');
$('td').each(function () {
    var $tr = $('<tr/>').html($(this).clone());
    $table.append($tr);
});
$('table').remove();
$table.appendTo('body');

デモ

wrap()とunwrap( )を読む

または単に、

$('td').unwrap('<tr>');
$('td').wrap('<tr>');

デモ1

于 2013-10-30T06:36:54.880 に答える
0

のようなことをする

var val = $('.table_inscription').html();

val = val.replace("<tr>","");
val = val.replace("</tr>","");
val = val.replace("<td","<tr><td");
val = val.replace("</td>","</td></tr>");

$('.table_inscription').html("");
$('.table_inscription').html(val);

動作するかどうかを確認してください。

于 2013-10-30T06:39:13.787 に答える