jQuery изменить изображение после наведения динамической ссылки

Question

Таким образом, я генерирую список имен, которые связали изображение в базе данных.Я помещу имена в список HTML.Теперь у меня есть 1 div, который должен содержать изображение, связанное с именем, так что, как только я наведу другую ссылку;изображение должно измениться.

Эти ссылки генерируются PHP и могут содержать 1 или 100 ссылок.

Я получил следующий HTML-код:

<ul>
    <li><a href="#">Link 1</a></li>
    <li><a href="#">Link 2</a></li>
    <li><a href="#">Link 3</a></li>
</ul>

<div id="divid_1"></div>

Как толькоЯ наведите курсор на ссылку 1;Я хочу, чтобы было показано соответствующее изображение, то же самое для ссылки 2 и т. Д.

Спасибо.

Answer 1

Вы должны попробовать:

$("ul li").mouseover(function() {
    $("#divid_1").find("img").attr("src",$(this).find("a").attr("href"));
});

Вы должны добавить <img> в div#divid_1, чтобы это сработало.

См. Пример jsFiddle здесь

Answer 2

<ul>
    <li><a href="#">Link 1</a></li>
    <li><a href="#">Link 2</a></li>
    <li><a href="#">Link 3</a></li>
</ul>

<div id="divid_1"><img id='img'></div>

JS:

$('ul > li > a').hover(function() { $('#img').src = $(this).attr('href'); })

Я не пробовал, но должно работать