将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步：使用将您的XML到JSON的库中的任何一个（如jQuery XML2JSON）

步骤2：用jQuery的ID选择 “DIV”（$（ “＃yourid”）），并修改根据您的json中的可见性属性值的可见性

(e.g) 

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