javascript - jQuery用阿拉伯数字数组替换英文数字数组

Question

这个类在我的页面上有很多 span

<span class="price">AED &nbsp;2129</span>
<span class="price">AED &nbsp;4129</span>

我想使用 jQuery 查找所有跨度，然后将 AED 替换为阿拉伯语单词 Dirham，并将数字替换为阿拉伯数字。

这是我已经尝试了几个小时的当前代码。

jQuery('span.price').val(function(i,val) {

    // text
    var en_currency = "AED";
    var ar_currency = "درهم";

    // array
    var f = ['0','1','2','3','4','5','6','7','8','9', en_currency];
    var r = ['٠','١','٢','٣','٤','٥','٦','٧','٨','٩', ar_currency];

    var valArray = val.split(' ');
    jQuery.each(valArray, function(i,v){
       var inF = jQuery.inArray(v, f);
       if(inF !== -1){
         valArray[i] = v.replace(f[inF], r[inF]);
       }
    });
    return valArray.join(' ');
});

Answer 1

您需要使用 text() 不是 val() , val() 在 span text() 的情况下用于获取或设置表单字段 是必需的。然后您可以使用 replace() 中的回调来简化您的代码

// text
var en_currency = "AED";
var ar_currency = "درهم";

// array
var f = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9'];
var r = ['٠', '١', '٢', '٣', '٤', '٥', '٦', '٧', '٨', '٩'];


jQuery('span.price').text(function(i, val) {
  return val.replace(en_currency, ar_currency).replace(/\d/g, function(m) {
    return r[f.indexOf(m)];
  })
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<span class="price"> AED 2312 </span>
<span class="price"> AED 1023 </span>