javascript - 当单击另一个元素时如何触发元素的单击功能？

Question

也许是个奇怪的问题，但我想不通。

假设我有一个链接，单击该链接会执行某些操作。当应用程序运行时，不同的事件被分配给它的点击方法。假设此链接是:

<a id="link1">Link 1</a>

现在，假设有另一个链接，例如:

<a id="link2">Link 2</a>

有没有一种方法可以非常简单地告诉 Link 2 触发 Link 1 的点击事件/函数？

$('#link2').click(function(){
    //find out what Link 1 does when clicked and do the same
});

我知道有不同的方法可以让它发挥作用，例如简单地将相同的事件分配给 link1 和 link2。从理论的 Angular 来看，如果上面有我想做的事情的语法，我会更感兴趣。

Answer 1

fiddle :http://jsfiddle.net/MrZzV/

这并不像您预期​​的那么简单，因为没有明确的方法将上下文传递给点击事件，但是您可以使用 jQuery.data

代码:

$('#link2').click(function(){
    jQuery.data( $('#link1')[0] , "caller", this );
    $('#link1').click();
    jQuery.data( $('#link1')[0] , "caller", false );
});


$('#link1').click(function(){

   if(jQuery.data( $('#link1')[0] , "caller") === false)
   {
       caller = this;  

   }
   else
   {
           var caller = jQuery.data( $('#link1')[0] , "caller");

   }
   console.log(caller);


});

如你所见，调用者确实不同，这取决于你点击的是谁

更新:对代码的小修复，更新的 fiddle