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才能生效。

See jsFiddle example here

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

我没有尝试，但应该工作

在悬停动态链接后jQuery更改图像

2 个答案: