找到并替换问题

Question

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

我设法只使用一张图片。所以无论如何点击缩略图，大图像保持不变，这是不理想的。另外，我已将我的文件命名为test1_thumb，test1_large。那么是否有一种方法可以找到下划线然后替换文本，在这种情况下是（拇指）与大？

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

Answer 1

你非常接近你想要达到的目标：

$（'。carousel ul li'）。click（function（）{
    $（'。content img'）。attr（'src'，urcurrentPath.replace（'_ thumb'，'_ large'）; }）;

Answer 2

如果将缩略图图像包装在锚点标记中，并且href指向较大的图像，则可以大大简化此过程。

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