jquery - Jquery：将表转换为 ls

Question

只是想用 jQuery 转换它，因为我需要设置由另一家公司生成的系统的样式：

<table class="steps">
        <tr>

            <td class="steps-on-colors on step-welcome"><a href="index.cgi">Welcome</a> </td>

            <td class="step-select-items">Catalogue </td>

        </tr>
</table>

对此

<ul>

    <li class="steps-on-colors on step-welcome"><a href="index.cgi">Welcome</a> </li>

    <li class="step-select-items">Catalogue </li>  

</ul>

到目前为止，我有：

$(document).ready(function() {
    var ul = $("<ul>");
    $("table tr").each(function(){
    var li = $("<li>")
    $("th, td", this).each(function(){
    var p = $("<li>").html(this.innerHTML);
    li.append(p);
    });
    ul.append(li);
    })    
    $("table").replaceWith(ul);    
});

Answer 1

您正在向<li>变量 p 添加一个元素，然后将 p（包含一个<li>）添加到也是一个 li 元素<li>。

您可以将 p 变量直接附加到ul

$(document).ready(function() {
    var ul = $("<ul>");
    $("table tr").each(function(){
      $("th, td", this).each(function(){
        var p = $("<li>").html(this.innerHTML);
        ul.append(p);
      });
    })
    $("table").replaceWith(ul);
});