Simplify jquery hover call

JavaScript
1

Hi, how can I simplify the following call to prevent re-writing this for pop3, pop4, pop5, etc. etc.

                  $('a.pop1').hover(function(e) {
                      $('div#pop1').show();
                      this.title = '';
                      }, function() {
                          $('div#pop1').hide();
                          this.title = 'Information';
                  });

                  $('a.pop1').mousemove(function(e) {
                      $("div#pop1").css('top', e.pageY + moveDown).css('left', e.pageX + moveLeft);
                  });

                  $('a.pop2').hover(function(e) {
                      $('div#pop2').show();
                      this.title = '';
                      }, function() {
                          $('div#pop2').hide();
                          this.title = 'Information';
                  });

                  $('a.pop2').mousemove(function(e) {
                      $("div#pop2").css('top', e.pageY + moveDown).css('left', e.pageX + moveLeft);
                  });
2

Hi,

Use the attribute starts with selector to select your anchor tags.

$("a[class^='pop']").hover(function(){
  $('div#' + this.className').show();
  this.title = '';
}, function () {
  $('div#' + this.className').hide();
  this.title = 'Information';
});

Something like this should work (untested).