Question

我想选择页面上的所有图像并将功能附加到鼠标悬停事件。这是jsFiddle显示我到目前为止所拥有的内容。在JavaScript部分的底部，您可以看到我运行相同的代码两次，每个图像一次。在我看来，我应该能够在这里使用.each（）函数，但我已经尝试过这样做而无法让它工作。以下是我想要变成一个的两个重复调用：

$("#gen").one('mouseover', function() {  runTransfer('gen'); return false; });
$("#bo").one('mouseover', function() { runTransfer('bo'); return false; });

仅供参考，这里还有一个错误（代码的不同部分），我正试图解决......但一次只有一个问题。：）

Answer 1

要按字面意思回答您的问题，您可以使用multiple selector：

$("#gen, #bo").one('mouseover', function() {  
    runTransfer(this.id); 
    return false; 
});

Answer 2

你能给图像一个课程然后在课堂上选择吗？

HTML：

<img class="addEventToMe" src="..." alt="..."/>

jQuery的：

$(".addEventToMe").each(function(elm) {
    elm.one('mouseover', function() {  runTransfer('gen'); return false; });
}

Answer 3

以下是一些可以解决问题的代码：

$.each(['gen','bo'],function(i,id){$('#'+id).one('mouseover',function(){
   runTransfer(id);
})})

jQuery选择器和一个bug

3 个答案: