javascript - JQuery 追加 html5

Question

我有一个标签矩阵 <a href=""> ，由 JQuery 中的此代码生成:

function makeList(){
    var listContainer = $("#matrix");
    for(i=0; i<10; ++i){
        listContainer.append( $("<nav><ul> <li><a href="">v1</li> 
            <li><a href="">v2</li> <li><a href="">v3</li> 
            <li><a href="">v4</li>"));
        console.log("adding...");
    } 
}

现在我有 40 <a href="">链接，用户单击其中一个。我需要访问这个 <a href="">并为此做点什么。

我该怎么做？谢谢

Answer 1

随着元素被追加，最初 DOM 不会有元素。使用 on event handler.

语法:

.on('事件', '选择器', fn);

加上使用“this”关键字，您可以获取您刚刚点击的元素。

 $("a").on("click",function(){
    console.log($(this).html());
 });

在以下 fiddle 中附加了所需的元素并添加了事件处理程序.