javascript - JQuery:如何来回切换图像？

Question

我有以下 HTML:

<div class="listing ref_1">
    ...
    <div><img src="toggleON.png" /></div>
    ...
</div>
<div class="listing ref_2">
    ...
    <div><img src="toggleON.png" /></div>
    ...
</div>

<div class="listing ref_3">
    ...
    <div><img src="toggleON.png" /></div>
    ...
</div>

我想要做的是以编程方式将 toggleON.png 图像更改为 toggleOFF.png。

我尝试使用以下代码来执行此操作，但它不起作用:

$('.ref_2').src("toggleOFF.png");

任何人都知道我做错了什么，因为上面的代码不起作用。

还有，有没有更好的方法来处理这个问题？

Answer 1

'.ref_2' 指向 div，您必须访问 div 内的图像

$('.ref_2 img').attr("src","toggleOFF.png");

可能会为你做。