如何更新 jquery 每个函数中的特定索引？

Question

我有更新所有图片的功能：

setInterval(function(){

                    console.log($( ".image" ));

                    $( ".image" ).each(function( index ) {

                        console.log(index);

                        base_url = $(this).attr('src').split('?rand=')[0];
                        address = base_url + '?rand=' + Math.random();
                        $(this).attr("src", address);

                    });                     
                },1000);

这个用在primefaces中p:graphicImage:

            <ui:repeat value="#{imgController.imgList}" var="images">
                <p:graphicImage id="pic" class="image" url="#{images.img}?rand=0" width="360px">

                </p:graphicImage>
                <p:draggable for="pic" />
            </ui:repeat>

console.logreturn对我来说是这样的：

 0 image.xhtml?imgId=300335:31
 1 image.xhtml?imgId=300335:31
 2 image.xhtml?imgId=300335:31
 3 image.xhtml?imgId=300335:31

这是我的疑问，如果我想更新所有图像，有没有办法传递特定索引：

 each(function( index )

示例：

 each(function( 3 )

如果我只想更新第三张图片？

Answer 1

If I just want update the third image ?

如果您只想更新第三张图片，您可以使用 .eq(3) 只检索第三张图片，如下所示：

$(".image").eq(2).attr("src", adddress);

或者，包括您的其余逻辑：

var img = $(".image").eq(2);
var base_url = img.attr('src').split('?rand=')[0];
var address = base_url + '?rand=' + Math.random();
img.attr("src", address);

并且，这是一个工作代码段，它更改了第三张图片的 .src，然后记录了生成的 .src 属性：

var img = $(".image").eq(2);
var base_url = img.attr('src').split('?rand=')[0];
var address = base_url + '?rand=' + Math.random();
img.attr("src", address);

// log output
$(".image").each(function() {
   log(this.src);
});

function log(x) {
    var div = document.createElement("div");
    div.innerHTML = x;
    document.body.appendChild(div);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<img class="image" src="http://dummyimage.com/100x50/0000FF/FFFFFF.jpg&text=Test?rand=1.23456789">
<img class="image" src="http://dummyimage.com/100x50/0000FF/FFFFFF.jpg&text=Test?rand=1.23456789">
<img class="image" src="http://dummyimage.com/100x50/0000FF/FFFFFF.jpg&text=Test?rand=1.23456789">
<img class="image" src="http://dummyimage.com/100x50/0000FF/FFFFFF.jpg&text=Test?rand=1.23456789">

如何更新 jquery 每个函数中的特定索引？

How to update a specific index in jquery each function?

jquery

primefaces

jsf-2