使用JQuery和XML的{Html翻译器

Question

我想制作一个多语言的HTML方面。我知道使用文本文件不是最好的方法，但对于我的项目来说，它是最好的解决方案。

当网页加载时，我希望.js script与类tr交换内容。每个文字都有一个id，它也在xml内。

所以：页面加载＆gt;脚本加载xml＆gt;阅读语言内容＆gt;使用类tr＆gt;遍历每个元素交换元素及其xml中的相应文本（由id相关联）

XML：

<translations>
  <de>
    <item id="test">
      Dieser Text soll übersetzt werden          
    </item>
    <item id="test2">
      Dieser Text soll auch funktionieren
    </item>
  </de>
  <en>
    <item id="test">
      This test text shall be translated          
    </item>
    <item id="test2">
      This shall also work
    </item>
  </en>
</translations>

代码：

/// <reference path="jquery.js" />

$(document).ready(function() {

var lang = 'de'; //shall be choosable later

var xmlDoc = //read language.xml file here;

var xml = jQuery.parseXML(xmlDoc);

$xml.find(lang).each(function() {
    var text = $(this).text();
    // translate all translatable elements
    $('.tr').each(function(i) {
      //find matching id ?! and set text
    });
  }
}
});
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="tr" id="test">This test text shall be translated</div>
<p class="tr" id="test2">This shall also work</p>

我真的是javascript的初学者，因此我真的需要帮助来理解并实现我的目标。

注意：我的项目不需要服务器。它应该是一本＆＃34;手册＆＃34;所以它都是本地的。