jquery - 我需要根据悬停的冠军更改框架的来源

所以我有一个无序的冠军列表，每个冠军都有一个链接，所以我希望我的框架的src可以在冠军徘徊时更改为该冠军的页面，我目前有这个jscript代码

<script type="text/javascript">
function ifunc() {
// Declare variables
var iframe, ul, li, a, i, div, br;
ul = document.getElementById("myUL");
li = ul.getElementsByTagName('li');
iframe = document.getElementById('jaiframe')
// Loop through all list items, and hide those who don't match the search query
for (i = 0; i < li.length; i++) {
    a = li[i].getElementsByTagName("a")[0];
    if (li.is(":hovered") {
        iframe.src = "champs/" + li[i] + ".html"
    }
  }
}
</script>

这是我无序列表的代码之一，它们都具有相同的结构

<li style="text-align: right;"><div class="col-md-10"></div><a href="champs/Aatrox.html" class="champ"><div class="col-md-1" id="champ" >
              <img src="http://vignette3.wikia.nocookie.net/leagueoflegends/images/c/cc/AatroxSquare.png/revision/latest/scale-to-width-down/48?cb=20160417012601">
              </div><div class="col-md-1" id="champ" >Aatrox</div></a></li>

我曾尝试寻找答案，但不能，我做错了什么？顺便说一句，我在无序列表的开头调用了该函数

<ul id="myUL" onmouseover="ifunc()" class="pull-left" style="padding-top: 60px;margin-left: 0px;margin-right: 100px;height: 100%"> <!-- List of champions -->

最佳答案

基本上-您应该是is(":hover")（而不是is(":hovered")），但是一旦将li元素悬停了，最好只运行函数：

$('ul#myUL li').hover(function() {
  $('#jaiframe').attr('src', $(this).find('a').attr('href'));
});

上面的代码将确保每次hover li内部的ul#myUL元素-src的iframe属性都将设置为您刚刚将鼠标悬停在a内的li元素。