Изменение класса связанного изображения, если оно было посещено с использованием jQuery

Question

У меня есть серия связанных изображений ролловера с использованием jQuery. После того, как ссылка была нажата, я бы хотел, чтобы изображения ролловеров изменили свой класс с "ролловер" на "ролловер2", чтобы я получил другой набор изображений. Вот jQuery для ролловеров:

$(document).ready(function() {
$("img.rollover").hover( 
function() { this.src = this.src.replace("_off", "_on"); 
}, 
function() { this.src = this.src.replace("_on", "_off"); 
});
$("img.rollover2").hover( 
function() { this.src = this.src.replace("_off2", "_on2"); 
}, 
function() { this.src = this.src.replace("_on2", "_off2"); 
});
});

Вот код для связанных изображений:

<a href="Mod1/index.html" target="_blank">
<img src="images/watch_off.png" class="rollover" />
</a>

Первоначальный ролловер работает отлично, но я пытался использовать плагин посещаемых ссылок отсюда, чтобы инициировать изменение имени класса любых связанных изображений на "rollover2":

<script src="js/jquery.visited.js"  type="text/javascript"></script>
<script type="text/javascript">
$('#links a').visited(function () {
  // hides the li element
  $(this).img.removeClass("rollover");
  $(this).img.addClass("rollover2");
});
</script>

Это не похоже на работу. Может ли кто-нибудь из вас помочь мне с этим?

Answer 1

Ты можешь использовать find() метод, попробуйте это:

$('#links a').visited(function () {
  $(this).find('img').removeClass("rollover");
  $(this).find('img').addClass("rollover2");
});

Answer 2

Это должно работать,

$(this).find('img').removeClass("rollover");
$(this).find('img').addClass("rollover2");

или лучше,

 $(this).find('img').removeClass("rollover").addClass('rollover2');