jquery - 我如何浓缩此代码？

编辑-很抱歉这是非常不清楚的。我想将id放入src中以用于多个悬停事件。

$("#trig1").hover(
  function () {
    $("#main").attr("src", "trig1.png");
  },
  function () {
    $("#main").attr("src", "4.png");
  }
);

$("#trig2").hover(
  function () {
    $("#main").attr("src", "trig2.png");
  },
  function () {
    $("#main").attr("src", "4.png");
  }
);

$("#trig3").hover(
  function () {
    $("#main").attr("src", "trig3.png");
  },
  function () {
    $("#main").attr("src", "4.png");
  }
);

html

<area id="trig1 2 3 etc.." shape="poly" alt="blah" coords="0,1,2,3,4,...">
<img src="4.png">

我一直在尝试

$('area').each(function(e)
   {
    $(this).hover(
        function () {
        $(e).attr("src", $(e).attr("id") + ".png"});
    },
    function () {
        $("#main").attr("src", "4.png");
    });

这不起作用，但我真的不明白我在做什么，关于函数（e）。有没有一个像样的地方可以阅读？

最佳答案

$('#trig1, #trig2, #trig3').hover(
  function () { $('#main').attr('src', this.id.substr(-1) + '.png'); },
  function () { $("#main").attr('src', '4.png'); }
);

关于jquery - 我如何浓缩此代码？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/12683564/