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

我想通过javascript或jquery使用文本本身来更改div文本,javascript,jquery,html,Javascript,Jquery,Html,我想使用javascript或jquery更改文本。当脚本将获得特定文本(即,$)时,它将更改为USD。同样,当脚本获得HK$时,它将更改为HKD。这样,我必须在currency类下更改许多与货币相关的文本。这是我的HTML代码: <div class="ItemSelctionZonePriceBox"> <font class="Currency">$</font> <label id="ctl00_HotelsList_FinalP

我想使用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>

$
1,749
另一个HTML代码是:

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

香港$
1,749

我对JS和jQuery非常陌生,所以请帮助我。

您可以使用jQuery
.text()
属性通过
名称获取值,并根据需要进行更新。这是一把小提琴


有其他更好的方法来实现这一点,但如果您坚持使用div并更改div值:

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

document.getElementById("yourDIV").innerHTML = "new text value";
您可以将货币标签放置在具有名称或id的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";
        }
    }
}
函数changeCurrencyLabels()
{
var x=document.getElementsByName(“CurrencyLabel”);
var i;
对于(i=0;i
这应该可以。它根据类查找元素

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';
        }
    }
});
document.addEventListener('load',function(){
var elements=document.querySelectorAll('.Currency');
对于(var i=0;i
不要使用标签
font
。已经弃用了,谢谢你。我知道HTML5中不推荐使用字体标签。但是html代码来自第三方。我没有写信。我无法更改html代码中的任何内容。请阅读“onchange”或“JQuery.change()”以及如何构建切换函数或hashmap,并在Javascript中对其进行迭代。它应该可以帮助您自己解决问题:)我认为最简单的方法是创建一个map/dict/hashtable(javascript中的简单对象)-var-conversion={'$':'USD','HK$':HKD,…},然后在任何您想转换的事件上只需执行-var-currency=$('.currency');currency.val(conversion[currency.val()])感谢prem89,它可以正常工作,但只在一个div中工作。当我使用多个div时,它就不工作了。这边:港币1749元1749元。。。说得好!您可以使用jquery的
each()
函数来完成此操作。我已经用同样的方法更新了我的答案!这是一个更新的提琴谢谢4nti,我不能添加货币标签。我不能在html中添加或更改任何内容,因为html代码来自第三方供应商。所以我必须通过JS或Jquery从外部进行更改。但我从你的回答中得到了解决我另一个问题的办法谢谢你的帮助。
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";
        }
    }
}
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';
        }
    }
});