将代码添加到链接的onclick属性

Question

我想onclick在列表的每个链接的属性中添加JavaScript代码.该代码用于Google Analytics分析事件跟踪.

这是清单:

<ol>
    <li>
        <a href="">Alberto Guardiani</a>
    </li>
    <li>
        <a href="">Antica Bottega</a>
    </li>
    <li>
        <a href="">Ash</a>
    </li>
    <li>
        <a href="">Ballin</a>
    </li>
</ol>

这是jquery附加onclick代码后应该是这样的:

<ol>
    <li>
        <a href="" onclick="_gaq.push(['_setCustomVar', 2, 'Designer', 'text1', 3]);">text1</a>
    </li>
    <li>
        <a href="" onclick="_gaq.push(['_setCustomVar', 2, 'Designer', 'text2', 3]);">text2</a>
    </li>
    <li>
        <a href="" onclick="_gaq.push(['_setCustomVar', 2, 'Designer', 'text3', 3]);">text3</a>
    </li>
    <li>
        <a href="" onclick="_gaq.push(['_setCustomVar', 2, 'Designer', 'text4', 3]);">text4</a>
    </li>
</ol>

我不知道这是否可能与jQuery append或我应该怎么做这个问题.你能建议某种解决方案吗？

Answer 1

$("ol li a").click(function() {
    _gaq.push(['_setCustomVar', 2, 'Designer', $(this).html(), 3]);
});

编辑:

如果它不起作用,您可能忘记检查文档是否已完全加载.

在这种情况下,您应该包装代码.

jQuery(document).ready(function($) {
    /* jQuery code */
});