在我的HTML中,我有5个数字的字符串。单击“删除”按钮时,数字将按从左到右的顺序用短划线代替。是的,它有效!但是,如何按从右到左的顺序替换数字?



$("#deleteButton").click(function() {
  var str = document.getElementById("dashes").innerHTML;
  var str = str.replace(/[0-9]/, "-");
  document.getElementById("dashes").innerHTML = str;

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="dashes">123456789</div>
<button id="deleteButton">delete</button>

最佳答案

您必须标识最右边的数字,而不是最左边的数字(默认情况下,正则表达式从左到右搜索)。请注意,可以使用\d而不是[0-9]来减少语法干扰。一种选择是使用

/\d(?=\D*$)/


也就是说,匹配一个数字,提前查找任意数量的非数字字符,然后是字符串的末尾。



$("#deleteButton").click(function() {
  var str = document.getElementById("dashes").innerHTML;
  str = str.replace(/\d(?=\D*$)/, "-");
  document.getElementById("dashes").innerHTML = str;
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="dashes">123456789</div>
<button id="deleteButton">delete</button>

关于javascript - 如何在Javascript中从左到右到从右到左替换字符串的元素?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/52340782/

10-09 16:59