修改使用jQuery在表中的HTML標籤，CSS

-1

<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和其他方法，有人知道請請幫助我，謝謝

來源

2013-10-30 Maly

這裏的變化是什麼？ – shemy

我其實只是做了一些非常類似於今晚。我最終只是重建表格：

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-30 06:36:37 Zmart

試試這個，

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

Demo

閱讀wrap()和unwrap()

或者乾脆，

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

Demo 1

來源

2013-10-30 06:36:54

這可能會爲你工作：

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-30 06:37:59 Krasimir

可以使用unwrap和wrap

Demo

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

來源

2013-10-30 06:38:48

做一些事情像

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-30 06:39:13 lopa

使用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-30 06:43:21

修改使用jQuery在表中的HTML標籤，CSS

回答

相關問題