将链接添加到 xml 标记并使用 jquery 解析它

Question

我可以用 jquery 解析 xml。现在我希望解析的文本是超链接而不是简单的文本。下面是我写的。

 $(xml).find("customers")
     .each(function(){
          $("#guys").append("<div class="mybox"><a href="+$(this).find('customer_link').text()+"target="_blank">"+$(this).find('customer_company').text()"</a></div>");                                                                                      

});

这是 XML

    <customer_company><![CDATA[Google<br>]]></customer_company>
    <customer_link>http://www.google.com</customer_link>

</myguys>

<myguys>

    <customer_company><![CDATA[EMC<br>]]></customer_company>
    <customer_link>http://www.emc.com</customer_link>

</myguys>
</info>

我知道逻辑上没有任何问题，我认为这只是 a 标签的语法错误。有人可以告诉我我在哪里犯了错误并指出我一个很好的教程吗

Answer 1

您正在混合引用样式。单引号 (') 字符串可以包含未转义的双引号 (")，反之亦然。在双引号字符串中包含未转义的双引号会破坏您的代码。

$("#guys").append("<div class="mybox"><a href="+$(this).find('customer_link')
ss^   se^       ss^         se^   ss^       se^            ss^           se^   

.text()+"target="_blank">"+$(this).find('customer_company').text()"</a></div>"); 
      ss^     se^    ss^e^            ss^              se^      ss^        se^ 

ss == string start,
se == string end 

您可以看看它如何创建随机未定义的引用，例如 mybox，但不会构建您想要的字符串。
试试这个：

$("#guys").append("<div class='mybox'><a href=" + 
    $(this).find("customer_link").text() +
    "' target='_blank'>" + 
    $(this).find("customer_company").text() + 
    "</a></div>");  

或者，您可以使用 jQuery 构建所有元素，并完全避免在字符串中嵌入带引号的属性：

 $("#guys").append($("<div />")
                      .addClass("mybox")
                      .append($('<a/>', {  
                          href: $(this).find("customer_link").text(),  
                          target: "_blank",  
                          text: $(this).find("customer_company").text()  
                      })));

xml 中的 CDATA 会导致 jQuery 问题，因为它正在解析 xml就像它是 html 一样，而不是根据 xml 规范。如果您无法删除 CDATA，您可能最好使用 jParse 之类的插件来解析 xml 和
来自 customer_company 元素。

Answer 2

看一下您的代码片段：

$("#guys").append("<div class="mybox">.......

您正在关闭标签，而您可能无意这样做：

尝试一下：

$("#guys").append("<div class='mybox'>.......

不过，您需要更仔细地考虑一下，因为稍后您的字符串中会有一些引号。