Question

我有这个HTML类，我想用不同的图像替换img src。能够找到一些接近的东西，但没有任何作用。

HTML：

<div class="playoff-img">
  <a href=""><img src="src/img/imga.png"></a>
</div>

Javascript：

$('div.playoff-img:contains("src/img/imga.png")').replaceWith('src/new/image/imgb.png');

Answer 1

您需要一个属性选择器，并使用.attr来设置src属性。

$('div.playoff-img img[src="src/img/imga.png"]').attr('src', 'src/new/image/imgb.png');

Answer 2

Js解决此问题的方法

document.getElementsByTagName("img")[0].setAttribute("src","http://www.gstatic.com/webp/gallery/4.jpg");

解决此问题的jQuery方法

$(".playoff-img img").attr("src", "http://www.gstatic.com/webp/gallery/4.jpg");

Answer 3

简单容易！

$(".playoff-img img").attr("src", "put new source address here");

Answer 4

使用[attr*="value"]选择包含特定字符串的属性。接下来，您将要使用attr()将该属性设置为新的内容。

$('div.playoff-img img[src*="src/img/imga.png"]')
    .attr('src', 'src/new/image/imgb.png');

Answer 5

<!-- use jquery -->

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

<div class="playoff-img">
  <a href=""><img src="src/img/imga.png"></a>
</div>

<script>
$(function(){
    $(".playoff-img").attr("src", "put new source address here");
});
</script>

用javascript替换图片src

5 个答案: