找到并替换问题

Question

我在一个旋转木马上工作，我想添加一个额外的功能，例如当用户点击一个图像时，如果你喜欢，缩略图，该图像替换上面的div上的大图像旋转木马。

我设法只用一张图片就能开始工作。所以无论如何，缩略图点击，大图保持不变，这是不理想的。另外，我已经为我的文件命名为test1_thumb，test1_large。那么，有没有像找到下划线的方式，然后用大号代替本例中的文字（拇指）？

$('.carousel ul li').click(function() {  
    $('.content img').replaceWith('<img src="images/test_large.jpg"/>'); 
}); 

Answer 1

你很接近你想要达到的目标：。

$（ '转盘UL礼 '）点击（函数（）{
$（' 内容中的img'）ATTR （'.rc'，urcurrentPath.replace（'_ thumb'，'_ large'）; }）;

Answer 2

如果您将缩略图图像放在锚标记中，并且href指向较大的图像，您将大大简化此过程。

 
$('.carousel a').click(function() { 
    $('.content img').replaceWith('<img src="' + this.href + '"/>'); 
});