將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>

是否可以將兩者綁定？ 這里有哪些相關的關鍵字？ 我有什么選擇？ 您有什么好的閱讀資料嗎？

謝謝！

[編輯]：

也許這個問題對您來說太瑣碎了。 我想我在數據綁定思想方面太局限了。 因此，以下步驟可以解決問題：

Answer 1

干得好！

通過這些步驟，您可以做到。

第1步：使用任何一種庫（例如jquery XML2JSON）將XML轉換為JSON

第2步：使用jquery（$（“＃yourid”））選擇ID為ID的“ DIV”，並根據json中的visible屬性的值修改可見性

(e.g)

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