Question

jQuery动态添加了一段代码，点击里面的某个元素时，怎么获取相应的另一个元素的text？

$.ajax({ type : "get", url : g_url+"/api/group/get", data : "token="+token+"&gateway_id="+gateway_id, success : function (msg) { if (msg.code == 200){ var obj = eval(msg.data); for(var i = 0; i < obj.length; i++){ $('#span').before("<span id=\"span\">\n" + "\t\t\t\t\t\t<div class=\"group_icon\" onclick='group_div("+obj[i].group_id+")'>\n" + "\t\t\t\t\t\t\t<i class=\"fa fa-home fa-3x\"></i>\n" + "\t\t\t\t\t\t</div>\n" + "\t\t\t\t\t\t<span class=\"div\">"+obj[i].group_name+"</span>\n" + "\t\t\t\t\t\t<span class=\"fa fa-pencil\" onclick='edit("+obj[i].group_id+")'></span>\n" + "\t\t\t\t\t</span>"); } }else { console.log("加载失败！"); } }, });function edit(groupId){ // 点击铅笔，出现弹框 $("#group_id").val(groupId); console.log($(this).prev().html()); //$("#modification").show();}

Answer 1

方法一：去除你的edit方法、去除元素上面的onclick、
添加如下，委派处理动态加载的元素。


$("body").delegate(".fa-pencil","click",function(){
    var prev=$(this).prev();
});


方法二：保留你的
修改你的onclick

onclick='edit(this)'

var edit=function(obj){
var prev=$(obj).prev();
}