jquery - 修改价格，同时从 Xml 数据中选择 html 中的不同选项

Question

我有一个页面。包含图片、价格、产品更改颜色的选项以及更多选项。价格取决于用户将选择的选项。我有xml文件中的数据。

XML 数据

<product id="100">
   <color>white</color>
   <capacity>16GB</capacity>
   <ram>8GB</ram>
   <price>1999</price>
</product>

<product id="101">
   <color>black</color>
   <capacity>16GB</capacity>
   <ram>8GB</ram>
   <price>1699</price>
</product>

HTML

<div id="price>1999</div>
<div>
<ul>
   <li>
      <select id="color">
         <option>White</option>
         <option>Black</option>
      </select>
   </li>
   <li>
      <select id="capacity">
         <option>8GB</option>
         <option>16GB</option>
      </select>
   </li>

</ul>

</div>

当用户更改颜色或容量等选项时，我需要修改 HTML 中的 PRICE 值。知道吗？

Answer 1

如果您仅使用 jQuery 解析 XML，则可以循环遍历您的 xml 并访问如下元素： $(xmlDocument).find("node").text("new value")