javascript - 使用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>按类(class)，去接 child <span>的id 。