Question

用js脚本向一个div写入一个id="xxx"的a标签，a标签又调用js脚本，js里有监

用js脚本向一个div写入一个id="xxx"的a标签，a标签又调用js脚本，js里有监控id="xxx"的函数，这样点击a标签有用吗？ps:js用的是jquery

Answer 1

你好！

1.这样点击是可以的。

2.有两种方式可以为这个a标签绑定单击事件：一种是在写入a标签的同时，直接进行绑定，也就是在a标签中设置onclick="函数"的方式；另一种是通过jQuery的on函数进行事件绑定；

3.代码片段：

html片段
   <div id="dv"></div>
   <input type="button" id="btn" value="按钮" />
js片段

    function test(){
        alert($("#test").text());
        return false;
    }

    $(function(){
        $("#btn").click(function(){
            //第一种方式
            $("#dv").html().append(
                "<a id='test' onclick='test();'>第一种方式</a>"
            );
            
            //第二种方式
            var $a = $("<a id='test'>第二种方式</a>");
            $a.on("click", test);
            $("#dv").html().append( $a );
        });
    });

4. 看到你问题里面的描述，这个需求的前提需要预先定义好一个id，从而方便向div进行追加，以及进行函数内的处理，多少有些不够灵活。

如果追加出来的a标签，仅仅是处理与自身相关的内容，可以通过传入this参数，来获取自身对象，这样一来就可以抛开id的限制。比如：

function test(obj) {
   alert($(obj).text());
   return false;
}

$(function(){
    var count=1;
    $("#btn").click(function(){
        $("#dv").append("<a id='a_"+count+"' onclick='test(this);'>a_"+count+"</a><br/>");
    });
});

希望对你有帮助！