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

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

<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>

我需要用值“ test”替换1； 2，其值为“ test1”；和3，其值为“ test2”。

我尝试了以下代码，但未成功，将不胜感激。

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

最佳答案

您需要单独设置它们，因为新的html是唯一的（您可以根据自己的实际替换方式进行循环）。

这是使用每个元素的“索引”更改内部html的简单方法。

fiddle

$(document).ready(function() {
    $('.bx-pager-item:eq(0)').html('test');
    $('.bx-pager-item:eq(1)').html('test1');
    $('.bx-pager-item:eq(2)').html('test2');
});

关于javascript - 在div中找到一个值并替换，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/19388789/