javascript - 如何从动态生成的 html 中捕获属性 id？

Question

我很确定这并没有那么复杂，但我已经花了好几个小时试图弄清楚如何捕获这个动态生成的 anchor 标记的 ID。

我在我的代码中所做的是，每次文本输入发生变化时，都会有一个 ajax 请求转到一个 php 文件并返回一个包含价格的 json 数组，然后我在按钮中呈现这个搜索结果，这些按钮可以点击做其他类型的请求，但到目前为止，这是我卡住的地方。

这是循环遍历数组并呈现此按钮的代码(注意:按钮的 Id 也是函数呈现的变量。

$.ajax({
       type: "POST",
       url: "php/get_products.php",
       data: {query:prod_qry},
       success: function(data){
       $('#loader_s').hide();
       var jsarray = JSON.parse(data);
       var length = jsarray.length;
           for(i=0;i<jsarray.length;i++){
                        var index1 = i;
                        var index2 = Number(i++) + 1;
                                var index3 = Number(i++) + 2;
                                $('#modal-bod').append('<a onclick="renderProds();" class="btn btn-default-item prod_sel" style="margin-top:10px;" id="'+index3+'" data-dismiss="modal">'+jsarray[index1]+' <span class="pull-right" st>lps. '+jsarray[index2]+'</span></a>');
                            }
                        }    

然后是函数renderProds()

function renderProds(){
                var id = $(this).attr('id');
                alert(id);
           }

警报只是为了测试目的而 try catch 值，但真正发生的是另一个 Ajax 请求。

我得到的唯一信息是 var Id 未定义...

Answer 1

你可以像这样传递对象

function renderProds(obj) {
    var id = obj.id;
    alert(id);
}

像这样传递调用者对象

 onclick="renderProds(this);"