Question

用Jquery替换ul 成table应该如何写这个代码？保留嵌套中子div,其他li替换成tr div替换成td

<ul>
<li>
<div>ddds</div>
<div>wqqw<div>保留这个div</div></div>
<div>eewq</div>
</li>
<li>
<div>e222</div>
<div>rrwq</div>
<div>ewqqr</div>
</li>
</ul>

Answer 1

代码就先不写了，
大概就是，jquery查找到ul元素，找出有多少个li, 然后循环, 将li 换成 tr, 再循环li里的div, 将它换成td

追问

循环嵌套each.
还是写一下吧！谢谢您！

Answer 2

HTML:

<ul id="list">
        <li>
            <div>ddds</div>
            <div>wqqw<div>保留这个div</div></div>
            <div>eewq</div>
        </li>
        <li>
            <div>e222</div>
            <div>rrwq</div>
            <div>ewqqr</div>
        </li>
</ul>

JavaScript:

function ulToTable( ul ) {
    var table = $( '<table>' );
    ul.find( '>li' ).each( function() {
        var tr = $( '<tr>' );
        $( this ).find( '>div' ).each( function() {
            var td = $( '<td>' ).html( $( this ).html() );
            tr.append( td );
        } );
        table.append( tr );
    } );
    table.replaceAll( ul ); // 替换原来的 ul
    return table;
}
ulToTable( $( '#list' ) ); // 调用 ulToTable 方法