Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/420.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript JQuery—从';中删除特定的元素标记(但不是HTML);这个';?_Javascript_Jquery_Jquery Selectors - Fatal编程技术网

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();