javascript - 动态声明和使用 javascript 值

Question

我有一个动态生成的链接，如下所示:

<a href="#" id="btn_0">Data1</a>
<a href="#" id="btn_1">Data2</a>
<a href="#" id="btn_2">Data3</a>

我想在点击其中一个链接时使用以下功能:

function alert_some(id){
    alert(id);
}

由于 Chrome 扩展程序对内联事件处理程序施加限制，我无法从生成的链接调用函数 alert_some()。

知道如何解决这个问题吗？

http://jsfiddle.net/selom/wxnDj/

Answer 1

在 Chrome 扩展中使用 jQuery

jQuery(document).on("click", "a", function() {
   alert_some($(this).attr("id"));
}

function alert_some(id) {
    alert(id);
}

或者纯JS

document.onclick = function(ele) {
    if (ele.originalTarget.localName == "a") {
        alert_some(ele.originalTarget.id);
    }
}

function alert_some(id) {
    alert(id);
}

这适用于所有 a元素，包括动态生成的元素

您需要区别于其他a不过在您的页面上...示例<a href="#" id="btn_2" class="generated">Data3</a>

<小时/>

或者你修改过的 fiddle http://jsfiddle.net/wxnDj/36/