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

замена, которую вы хотите сделать, должна быть

$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") );
  } );
});​

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

Вам нужно сделать следующее, чтобы это заработало:

$(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');
    });
});

Вот, пожалуйста ...