Question

我希望通过将名称从"portrait.jpg"更改为"landscape.jpg"后跟序列号来替换列表项中的图片。

例如：

<img src="images/slider_01_portrait.jpg">
<img src="images/slider_02_portrait.jpg">
<img src="images/slider_03_portrait.jpg">
<img src="images/slider_04_portrait.jpg">
<img src="images/slider_05_portrait.jpg">

更改为↓

<img src="images/slider_01_landscape.jpg">
<img src="images/slider_02_landscape.jpg">
<img src="images/slider_03_landscape.jpg">
<img src="images/slider_04_landscape.jpg">
<img src="images/slider_05_landscape.jpg">

这是我的代码：

<div class="slider fullscreen">
    <ul class="slides">
        <li>
            <img src="images/slider_01_portrait.jpg">
        </li>
        <li>
            <img src="images/slider_02_portrait.jpg">
        </li>
        <li>
            <img src="images/slider_03_portrait.jpg">
        </li>
        <li>
            <img src="images/slider_04_portrait.jpg">
        </li>
        <li>
            <img src="images/slider_05_portrait.jpg">
        </li>
    </ul>
</div>

Answer 1

var img = $('img');
for (var i = 0; i < img.length; i++) {
  var src = $(img[i]).prop('src').replace('portrait', 'landscape');
  $(img[i]).prop('src', src);
}

希望这会对你有帮助！

Answer 2

你可以，

dispatch_async(queue) { ... }

Fiddle

如何用jQuery替换图像列表？

2 个答案: