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

您正在向变量p添加<li>元素，然后将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);
});

Jquery：将表转换为ls

1 个答案: