使用jquery同时更改情侣网站上的文本字符串

Question

22我正在准备一个网站，其中将包含两个页面上的产品价格。有时相同的产品会出现在几个页面上(例如，在主页和特定产品页面上)。我正在努力实现的是有能力使用任何类型的电子表格或任何其他类型的文档(另一种可能)来控制整个网站上所有项目的价格。我相信每个价格都必须以某种方式被索引，这样我们才能知道在id=中“product1”将是正确的价格，并且不同于id=中的“product2”。目前我在这里有示例代码：

<h3>Product 1</h3>
<div class="price">
    <span id="product1">£55 per day</span>
</div>

<h3>Product 2</h3>
<div class="price">
    <span id="product2">£20 per day</span>
</div>

etc...

很抱歉我的主题是“问题类型”而不是“案例类型”，但我已经在尝试寻找解决方案了。我知道这可以用php完成，但不幸的是我对php一无所知。所以html / javascript中的任何东西都会很方便。非常感谢您的帮助/建议。

Answer 1

使用JSON，而不是XML，这不是2003年。你的jquery应该是：

var prices = $.get("prices.json")
var product;
$("h3").each.( function()
{
    product = $(this).html();
    $(this).next().children("span").html(prices[product]);
});

假设你的页面上没有其他的H3，否则给每个产品ID 'h3‘一个类：

<h3 class="products">Product 1</h3>

并且使用$(".products")而不是$("h3")。

您还可以使用选择器按类拉取<div>，并获取子<span>的id。

Answer 2

我建议将数据存储在数据库或xml文件中，以供网站读取。这样一来，这就是“改变一次”的情况。然而，需要做的事情的范围超出了您在这里可以找到的简单答案。

编辑: Jquery是一种客户端语言，这意味着它只会更改当前向客户端公开的内容。它确实能够从xml文件中读取数据，并使用该数据填充显示。但这些数据确实需要存储在外部，才能同时影响多个页面。