Question

我试图从 XML 创建一个嵌套列表, 然而我发现... 附录函数似乎自动完成我的 HTML 标记, 有用, 已商定, 但如何在它不被通缉 OR 有更聪明的方法做下列操作时, 如何覆盖此操作 :

$( #name ).html( <li> + Origin + <ul> +    ).html();
$(this).find("origin").each (function() {
var name =  <li>origin:   + $(this).text() +  </li> ;
$( #name ).append(name);
$( #name ).append( </ul></li> );

我得到的是:

<ul id="name">
<li>
Origin
<ul> </ul>
</li>
<li>origin: network</li>
<li>origin: nevil-nmshub</li>
<li>origin: origin_overide</li>
<li>origin: Support_4</li>
<li>origin: test-origin</li>
</ul>

正如你可以看到它添加标签之前,我想要它们。我想也许我错了,有什么建议吗?

Answer 1

. append () (与 .innerHTML 一样) 只能插入 entire DOM 元素 ,而不是任意的 HTML 不完整片段。

因此,根据定义,您第一次 . 附加() something,其中的任何标签都将隐含封闭。

试试这个代替:

var $li = $( <li> ).appendTo( #name );
var $ul = $( <ul> ).appendTo($li);
$(this).find("origin").each(function() {
    $( <li> , { text:  origin:   + $(this).text() }).appendTo($ul);
});

Answer 2

将代码更改为 :

var ul = $( <ul /> );

// I believe you mean to find elements with class origin instead of <origin>
$(this).find(".origin").each (function() {
   var name =  <li>origin:   + $(this).text() +  </li> ;
   ul.append(name);
});
$( #name ).append(ul);

Answer 3

当您正在动态创建 HTML 时, 尽量避免将打开和关闭标记分隔开口和关闭标记。

你可以做到这一点:

$( #name ).append( <li>Origin<ul></ul></li> );

// I think  origin  is an XML tag.
// So no worries, you can call in like an HTML element
$(this).find( origin ).each(function(index, value) {
    $( #name ul ).append( <li>origin:   + value +  </li> )
});

友情链接