Javascript：无法获得点击事件来搜索数组

Question

如果用户点击：

<a href="hello.php" id="hello_homepage">hello</a>

页面上的 jQuery 应该在点击事件时获取这个：

$('hello_homepage').on('click', function()
    { ga('send', 'event', 'home page', 'Click', 'some dude clicked on the hello link');     }
);

这很容易。

但是我有大约 200 个不同的链接 ID，所以想把它们放在一个 JS/jQuery 数组中来优化它。如何执行以下操作：

$('Analytic_Event.id').on('click', function()
    { ga('send', 'event', 'Analytic_Event.cat', 'Click', 'Analytic_Event.label'); }
);

var Analytic_Event = [
        // Home Page
        {id : "hello_homepage", cat: "Home Page", label: "some dude clicked on the hello link"},
        {id : "goodbye_homepage", cat: "Home Page", label: "some dude clicked on the goodbye link"},
        {id : "ciao_homepage", cat: "Home Page", label: "some dude clicked on the ciao link"},

        ]

非常感谢任何帮助，因为我有点不知道这是如何工作的。

干杯

Answer 1

Jim 的回答将是正确的方法，除非出于任何原因您无法修改该代码，否则：

$.each(Analytic_Event, function(key, item) {
   // do whatever with item 
});

如果你真的必须这样做

Answer 2

为您的链接添加一个类并将 onclick 连接到该类。

<a href="hello.php" class="ga" id="hello_homepage">hello</a>
<a href="page1.php" class="ga" id="page1">page1</a>
<a href="goodbye.php" class="ga" id="goodbye_homepage">good bye</a>

在将事件发送到 ga 时使用一些链接属性。

$('.ga').on('click', function() {
    var linkID = $(this).attr("id");

    ga('send', 'event', linkID , 'Click', 'some dude clicked on the ' + linkID + ' link');     }
);