触发onClick另一个元素的锚文本？

Question

我有一个页面，内容分布在多个标签页上。用户单击每个选项卡（<li>内的锚点）以进行切换。我想锚定一些其他文本来触发选项卡的onClick以便也切换内容。

这可以用javascript / jquery吗？

Answer 1

是。您可以使用jQuery的.click（）;

在另一个元素上调用click事件

<a href="javascript:$('#tablink').click()">Trigger tab click</a>

其中#tablink是您要触发的标签的ID。

更多信息：http://api.jquery.com/click/

Answer 2

您可以使用简单易用的Jquery实现这一目标。您实际可以做的是，您可以将事件（例如。click）附加到事件处理程序，该事件处理程序可以执行诸如将适当的内容加载到当前选项卡之类的内容。

这可以通过使用选择器将事件附加到事件处理程序来实现。 .on()函数根据最新的jquery lib使用，尽管.click()也可以使用，但建议使用.on()，因为它也会处理事件委派。

示例：

$( ".tab a" ).on( "click", function() {
     // load the appropriate content to the current clicked tab
});

<强> REF： http://api.jquery.com/on/

Jsfiddle玩：

http://jsfiddle.net/dreamweiver/h4JXs/1732/

快乐编码：）