jquery:将XML节点映射到HTML ID元素

试试这个:

$.get ('/path/to/xml', function (data)
{
    $(data).children ().each (function ()
    {
        $('#' + this.nodeName).val ($(this).text());
    });
})

假设XML中只有1级嵌套。

这应该可以帮助您开始XML分析。

var xml = '<root><text1>i am in text1</text1><text2>i am in text2</text2></root>';
$(xml)
      .children()
      .each(
            function(){
                       alert(this.nodeName + ':' + $(this).text());
                      }
           );

nodename是XML中的标记名,将用作HTML的ID。 jquery文本方法将返回XML节点的值。(仅文本)

要加载XML文件,请使用

$.get( 
      '/path/to/filename.xml', 
      function(){ 
                 /*runs on success, do the parsing here*/
                },
      'xml'
     ); 

实际上很好的投入,谢谢大家的帮助。这让我走了。

再一次,我意识到有模板引擎,但我的下一步是建立一个更复杂的,能够说填充一个组合框,单选按钮等。只是HTML的基础知识……因为我用的是 DHTMLX components 做任何花哨的事……主要是因为它们似乎有我发现的最容易理解的javascript小部件。我知道extjs正在追赶更好的docco、更简单的api等。

总之,我将:

1. 整个系统中名为相同的数据库中的字段。所以如果数据库字段 称为firstname,则html元素将称为firstname
2. 在我从数据库创建的XML中,我将添加类似“element type”的属性 它可以是文本、无线电、组合或其他,所以我知道如何填充这些值。
3. 然后,javascript/jquery可以完成显示数据所需的工作。

所有这些的主要原因是我的合作伙伴可以将页面/布局设计为纯HTML,而不用担心XSLT/模板…简单的数据被填充…

我确信一定有一些“引擎/插件”在外面。但现在我要努力…

再次感谢…

$(xml).find('foo').each( function() {
  alert (this.text());
});