-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

使用 jQuery。这样，将下面的代码放在底部或头部标签之后

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script>
    $(document).ready(function(){
        $('td').unwrap('<tr>');
        $('td').wrap('<tr>');
    });
  </script>
于 2013-10-30T06:43:21.403 回答
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 回答
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 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 回答