Javascript JQuery—从';中删除特定的元素标记(但不是HTML);这个';?
我有一个表(有两列),我想转换成一个列表 到目前为止,我可以将Javascript JQuery—从';中删除特定的元素标记(但不是HTML);这个';?,javascript,jquery,jquery-selectors,Javascript,Jquery,Jquery Selectors,我有一个表(有两列),我想转换成一个列表 到目前为止,我可以将trs包装在li标签中,例如: $('#table tr').each(function() { $(this).wrap('<li />'); }); 变成: <li>Lorem Ipsum</li> <li>Dolar Sit</li> Lorem Ipsum 多拉坐 *显然,我们稍后会处理单词之间的空格 $(function(){ $('tr').ea
tr
s包装在li
标签中,例如:
$('#table tr').each(function() {
$(this).wrap('<li />');
});
变成:
<li>Lorem Ipsum</li>
<li>Dolar Sit</li>
Lorem Ipsum
$(function(){
$('tr').each(function(){
console.log('<li>'+$(this).text()+'</li>')
$(this).html('<li>'+$(this).text()+'</li>');
});
});
$(函数(){
$('tr')。每个(函数(){
console.log(''+$(this.text()+' '))
$(this.html(“”+$(this.text()+” );
});
});
小提琴
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();
var$list=$('ul');
$('table tr')。每个(函数(){
$list.append($('').html($(this.text());
});
$('table').remove();
你能告诉我们实际的HTML结构吗?@AustinBrunkhorst yep在上面添加了,以及我想要实现的目标。我马上添加一个答案。请看这里@MeltingDog,你正在尝试创建一个无效的n HTML结构。li不能是表或tr的直接子级。您需要将其转换为ul-li并删除该表。这将导致无效的HTML。您不应该将li
创建为tr
var $list = $('ul');
$('table tr').each(function() {
$list.append($('<li />').html($(this).text()));
});
$('table').remove();