将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：选择id为jquery（$（“＃yourid”））的“DIV”，并根据json中的visibility属性值修改可见性

(e.g)

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