jQuery 关闭打开标签

Question

在尝试将 xml 文件解析为表格格式时，jQuery 不断关闭我的打开 标记。有解决办法吗？

<script type="text/javascript">
    $(document).ready(function(){
    $.ajax({
            type: "GET",
            url: "sample-data.xml",
            dataType: "xml",
            success: parseXml
        });
    }); 

    function parseXml(xml)
    {
      $(xml).find("user").each(function()
      {  
        var id = "#sortable";  
            $(id).append("<tr>");
            $(id).append("<td>" + $(this).find("name").text() + "</td>");
            $(id).append("</tr>");

      });
    }
</script>

<table id="table" class="tablesorter">
    <thead>
      <tr>
        <th>test</th>
      </tr>
    </thead>
    <tbody id="sortable">

    </tbody>
</table>

这就是标记的输出方式：

 <tr></tr>
 <td>data</td>

Answer 1

只需调用 1 个追加而不是多个追加。

将此部分：更改

        $(id).append("<tr>");
        $(id).append("<td>" + $(this).find("name").text() + "</td>");
        $(id).append("</tr>");

为：

        $(id).append("<tr><td>" + $(this).find("name").text() + "</td></tr>");

Answer 2

我建议不要在循环上使用追加。相反，将其输出到循环之外。

var id = $("#sortable");
var html = '';

  $(xml).find("user").each(function()
  {  

    html += '<tr>';
      html += '<td>';
          html += $(this).find("name").text( );
      html += '</td>';
    html += '</tr>';   
  });

  id.append(html);

如果您要在循环内多次使用 $(this)，例如年龄、性别等，我建议您将变量分配给 $(this)，而不是一遍又一遍地调用 $(this)。

PS我没有测试该代码，只是想提出一些建议......但希望它能起作用。干杯^^

Answer 3

是的，jQuery 并不能真正实现这一点。试试这个：

function parseXml(xml)
{
  $(xml).find("user").each(function()
  {  
    var id = "#sortable";  
        $(id).append('<tr></tr>');
        $(id).find('tr:last').html("<td>" + $(this).find("name").text() + "</td>");

  });
}

Answer 4

我不认为 jQuery 是这里的罪魁祸首。

当您调用 append("") 时，您希望它做什么？答案：您希望它根据您的规范修改 DOM。但是，DOM 是一种数据结构，而不是字符串。您无法将“未关闭”元素添加到 DOM，因此所有元素在添加时本质上都是关闭的。

因此，后续的 append("...") 将在 之后添加 TD 元素; 而不是在它的内部。此外，任何 append("") 的尝试都会被忽略，因为考虑到 append("") 的处理，这将是相当无意义的>。