将HTML属性绑定到XML数据源

Question

我对整个SGML系列不是很熟悉...我需要开发一个小网站，这是应用程序安装过程的一部分。 该网站会永久显示在安装过程中选择的功能。 该网站很好-感谢Bootstrap。 但是现在我要根据安装过程中的选择隐藏或显示此网站上的元素。

在安装过程中，我可以修改XML文件。 我的想法是将HTML属性绑定到XML数据。

我可以在安装过程中修改的示例XML：

<features>
 <feature>
  <name>Feature 1</name>
  <visible>hidden</visible>
 <feature>  
<features>

HTML想法：

<div class="feature1" VISIBLE_VALUE_FROM_XML>
 <img src="./img/feature1"/>
</div>

是否可以将两者绑定？ 这里有哪些相关的关键字？ 我有什么选择？ 您有什么好的阅读资料吗？

谢谢！

[编辑]：

也许这个问题对您来说太琐碎了。 我想我在数据绑定思想方面太局限了。 因此，以下步骤可以解决问题：

1. 离开你的桌子
2. 喝一杯咖啡
3. 抽烟，如果你喜欢
4. 使用JS并遍历XML树

Answer 1

干得好！

通过这些步骤，您可以做到。

第1步：使用任何一种库（例如jquery XML2JSON）将XML转换为JSON

第2步：使用jquery（$（“＃yourid”））选择ID为ID的“ DIV”，并根据json中的visible属性的值修改可见性

(e.g)

if(json[feature].visibility=="hidden")
{
$("#yourid").hide();
}