javascript - 在 div 中查找一个值并替换

Question

我需要在 3 个 div 内替换 3 个值。

<div class="bx-pager-item">
    <a class="bx-pager-link active" data-slide-index="0" href="">1</a>
</div>
<div class="bx-pager-item">
    <a class="bx-pager-link" data-slide-index="1" href="">2</a>
</div>
<div class="bx-pager-item">
    <a class="bx-pager-link" data-slide-index="2" href="">3</a>
</div>

我需要将 1 替换为值“test”； 2 值为“test1”； 3 的值为“test2”。

我尝试了以下代码，但没有成功，任何帮助将不胜感激。:

$(document).ready(function() {  
    var fandreplace = document.getElementsByClassName('bx-pager-item').innerHTML.replace('3', 'test2'); 
}); 

Answer 1

您应该循环每个元素并相应地替换它们的值。

根据索引替换

$('.bx-pager-link').text(function (i, v) {
    return 'test' + (i > 0): (i - 1): '';
});

根据值替换

$('.bx-pager-link').text(function (i, v) {
    var val = parseInt(v, 10);
    return 'test' + (val > 0): (val - 1): '';
});