【问题标题】:Numeric text replace to alphabet using javascript使用javascript将数字文本替换为字母
【发布时间】:2015-11-03 07:07:59
【问题描述】:

如果您在类似0123 的列表项中有任何内容,那么它将显示abcd。如果是5462,则再次显示fegc。我的html代码如下:

<div class="myList">
 - 0123
 - 5462
 - 0542
</div>
Converted output will be
//////////
<div class="myList">
 - abcd
 - fegb
 - afec
</div>

是否可以使用javascript创建?

【问题讨论】:

标签: javascript jquery


【解决方案1】:

试试这样的

var str = '0123';
var new_str = '';
for (var i = 0, len = str.length; i < len; i++) {
  new_str += String.fromCharCode(97 + parseInt(str[i]));
}
alert(new_str)

以下将从元素中获取文本并相应地更改它,同时跳过非整数字符

$('.myList').text(convertNumbersToLetters($('.myList').text()))

function convertNumbersToLetters(numbers) {
  new_str = '';
  for (var i = 0; i < numbers.length; i++) {
    new_str += isInt(numbers[i]) ? String.fromCharCode(97 + parseInt(numbers[i])) : numbers[i];
  }
  return new_str;
}

function isInt(n) {
  return !isNaN(parseInt(n));
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="myList">- 0123 - 5462 - 0542</div>

【讨论】:

  • 伟大的@DGS !!!但是,这仅适用于一个项目......但如果我有一个列表并且每个列表项目中有不同的数字,那么我将如何管理这个?你能解释一下吗?
【解决方案2】:

这样做(@DGS 编辑)

var str = ['0123', '456'];
var new_str = '';

for(var j=0; j < str.length; j++)
{
for (var i = 0; i < str[j].length; i++) {
  new_str += String.fromCharCode(97 + parseInt(str[j][i]));
}
alert(new_str);
new_str = '';
}

【讨论】:

    【解决方案3】:

    这是针对您的问题的。

    alpha = ['a','b','c','d','e','f','g','h','i','j'];
    function toNewString(input){
      inputArray = input.split('');
      for(i=0;i<inputArray.length; i++){
          if(!isNaN(inputArray[i]))
          inputArray[i] = alpha[inputArray[i]];
      }   
      return inputArray.join('');
    }
    $('.myList').html(toNewString($('.myList').html()));
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
    <div class="myList">
     - 0123
     - 5462
     - 0542
    </div>

    【讨论】:

      猜你喜欢
      • 2015-12-09
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2015-01-24
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多