javascript - 如何访问div标签中的img src

Question

我只是想知道如何访问位于两个 div 标签内的 img src (ID wows1_0)，然后能够通过 javascript 更改 src。

<div id="wowslider-container1" class="grid_7 alignGallery">
<div class="ws_images"><ul>
        <li><img src="WOWSlider/data1/images/BookARoom.jpg" alt="full screen slider" title="full screen slider" id="wows1_0"/></li>
        <li><img src="WOWSlider/data1/images/ContactSupport.jpg" alt="ContactSupport" title="ContactSupport" id="wows1_1"/></li>
    </ul></div>
<div class="ws_thumbs">
    <div>
        <a href="#wows1_0" title="full screen slider"><img src="WOWSlider/data1/tooltips/bookaroom.jpg" alt="" /></a>
        <a href="#wows1_1" title="ContactSupport"><img src="WOWSlider/data1/tooltips/contactsupport.jpg" alt="" /></a>
    </div>
</div>               
<div class="ws_shadow"></div>
</div>      

Answer 1

如果您使用 jQuery，那么:

$(".ws_images img").each(function() {
     console.log($(this).attr("src"));
     $(this).attr("src", value); // to set it
});