Question

我想使用javascript或jquery更改文本。当脚本将获得特定文本（即，$）时，它将更改为USD。当脚本获得HK $时，它将再次变为HKD。这样我就必须在Currency类下更改许多与货币相关的文本。这是我的HTML代码：

<div class="ItemSelctionZonePriceBox">
    <font class="Currency">$</font>
    <label id="ctl00_HotelsList_FinalPriceL_4" class="FinalPrice">1,749</label>
</div>

另一个HTML代码是：

<div class="ItemSelctionZonePriceBox">
    <font class="Currency">HK$</font>
    <label id="ctl00_HotelsList_FinalPriceL_4" class="FinalPrice">1,749</label>
</div>

我是JS和jQuery的新手，所以请帮助我。

Answer 1

您可以使用jquery validate : { options : { allowUnknown: true }, headers : { ... }, params : { ... }, payload : { ... } }属性通过.text()名称获取值，并根据需要进行更新。这是一个小提琴http://jsfiddle.net/zo4qdnbr/

class

Answer 2

还有其他＆amp;更好的方法来实现这个，但如果你坚持使用div和更改div值：

要更改div中的文本，您可以使用该元素的.innerHTML来检查或更改值

document.getElementById("yourDIV").innerHTML = "new text value";

您可以将您的货币标签放在带有名称或ID的DIV中，然后再更改（例如在页面加载后）

<div class="Currency" name="CurrencyLabel">$</div>

这是你在页面加载后运行的那种脚本：

function changeCurrencyLabels()
{
    var x = document.getElementsByName("CurrencyLabel");
    var i;
    for (i = 0; i < x.length; i++) {

        if (x[i].innerHTML=="$") {
           x[i].innerHTML="USD";
        }

        if (x[i].innerHTML=="HK$") {
           x[i].innerHTML="HKD";
        }
    }
}

Answer 3

这应该这样做。它根据类找到元素。

document.addEventListener('load', function() {
    var elements = document.querySelectorAll('.Currency');

    for (var i = 0; i < elements.length; i++) {
        if (x[i].innerHTML === '$') {
            x[i].innerHTML = 'USD';
        } else if (x[i].innerHTML === 'HK$') {
            x[i].innerHTML = 'HKD';
        }
    }
});

我想通过javascript或jquery使用文本本身来更改div文本

3 个答案: