Jquery获取图像交换的相对路径（不是翻转图像）

Question

当页面另一部分的链接翻转时，我正在尝试替换图像。我有一个硬编码版本，但我想得到它，这样当我上传到服务器时，我不需要进入并更改路径部分。

$(document).ready(function() {
$('.laundryLinks li a').hover(function() {
 $('.homeLaundryPict').attr('src', 'http://192.168.1.2:8888/karenMaezenMiller/wp-content/themes/karenMillerTheme/i/laundryHome_quote.jpg'); },
 function() {
 $('.homeLaundryPict').attr('src', 'http://192.168.1.2:8888/karenMaezenMiller/wp-content/themes/karenMillerTheme/i/laundryHome_noQuote.jpg'); });
});

PS。我也尝试过尝试替换一些源，但没有运气

$(this).src.replace("_quote","_noQuote");

Answer 1

您需要执行以下操作才能使其正常工作：

$(this)[0].src = $(this)[0].src.replace(/_quote/, '_noQuote');

希望对你有帮助！

编辑

$(function() {
    $('.laundryLinks li a').hover(function() {
        with ( $('.homeLaundryPict')[0] )
            src = src.replace(/_quote/, '_noQuote');
    }, function() {
        with ( $('.homeLaundryPict')[0] )
            src = src.replace(/_noQuote/, '_quote');
    });
});

给你...

Answer 2

试试这个（假设只有第一个元素会交换）：

var pic = $('.homeLaundryPict')[0];
var orig = pic.src;
$('.laundryLinks li a').hover(function() {
    pic.src = pic.src.replace(/_quote/,"_noQuote");
}, function() {
    pic.src = orig;
});

Answer 3

你想要做的替换应该是

$img = $('#img_selector');
$img.attr('src', $img.attr('src').replace("_quote","_noQuote") );

[更新]

您的代码（在评论中）有一些语法错误..（以下是更正的版本..）

$(document).ready(function() { 
  $('.laundryLinks li a').hover(
    function() { 
      $img = $('.homeLaundryPict'); 
      $img.attr('src', $img.attr('src').replace("_noQuote","_quote") );
    }
    , 
    function() { 
      $img = $('.homeLaundryPict'); 
      $img.attr('src', $img.attr('src').replace("_quote","_noQuote") );
  } );
});​