Question

我已经设置了jquery移动列表视图。我想使用jQuery将#contentImg的src更改为单击的图像缩略图的src。

因此，当点击'ul data-role =“listview”'中的'a'时，我想要'#contentImg'的src到$ this中的img（这是点击的'a'标签）。

如何使用jQuery执行此操作？

代码如下

    <ul data-role="listview">
        <li><a href="#content">
            <img src="image1.jpg" />
            <h3>Image1</h3>
            <p>Description</p>
        </a></li>
        <li><a href="#content">
            <img src="image2.jpg" />
            <h3>Image2</h3>
            <p>Description</p>
        </a></li>
     </ul>

进一步在文件中

<img id="contentImg" src="contentImg.jpg" />

只是为了澄清点击第一个链接的时间#contentImg src应该更改为image1.jpg，如果单击第二个链接则会显示为image2.jpg

Answer 1

这应该适用于jQuery＆gt; = 1.7：

$('li a[href="#content"]').on('click', function(){
    $('#contentImg').attr('src', $(this).find('img').attr('src'));
});

的 JSFiddle 的

如果使用jQuery＆lt; 1.7
，则按.on交换.live

将#contentImg的src更改为已单击的链接中的图像

1 个答案: