javascript - jQuery:动态 URL

Question

我有很多网址，我想知道是否有办法动态更改它们的最后一位数字。

    <div class="m_item">
        <a class="thumbnail_link" href="http://paraboladesignstudio.ipage.com/yahaira/fashion/fashion-slideshow/?thumb=0">
            <img src="<?php echo $image['sizes']['thumbnail'];?>" title="<?php echo $image['title'];?>" alt="<?php echo $image['alt']; ?>"> 
        </a>
    </div>  

上面的代码输出一定数量的具有相同“a href”的“.m_item”。

这是我的 jQuery 代码:

var i=0;
i++;

$(".thumbnail_link").each(function() {
    this.href = this.href.replace("0", i);
});

它将所有网址更改为“..../?thumb=1”

怎样才能让数字增加？我尝试过 .children 但没有成功。

谢谢。

Answer 1

去掉 i 并只使用each() https://api.jquery.com/each/ 的索引

$(".thumbnail_link").each(function(index) {
    this.href = this.href.replace("0", index);
});

或者如果网址中还有其他 0，您也可以这样做

$(".thumbnail_link").each(function(index) {
    this.href = this.href.replace("thumb=0", "thumb=" + index);
});