您的位置:首页 > 其它

获取动态添加的节点的ID

2017-09-15 17:21 363 查看
目的:在网页设计的过程中,有时候我们需要获取动态添加的节点的id,从而设置相应的属性或者事件。
方法可以给动态添加的内容加上一个不显示的input,将其value设置为后台传过来的数据的某一个变量值。
如:'<input type="hidden" value="'+activity_id+'" name="activity_id" />'var li_str ='<li class="panel_content" id="activity'+activity_id+'">'+
'<input type="hidden" value="'+activity_id+'" name="activity_id" />'+
'<div class="content">'+
'<p class="p1"><strong >'+title+'</strong></p>'+
'<a id="entry'+activity_id+'" class="entry" onclick="handleEntryEvent(this)">进入</a>'+
'</div>'+
'<div class="content">'+
'<p id="leftStatus'+activity_id+'" class="p1">'+info+'</p>'+
'<a id="'+activity_id+'" class="entry" onclick="handleEndedActivity(this)">'+activity_status+'</a>'+
'</div>'+
'<div class="content content1">'+
'<p class="p1 font1">'+create_time+'</p>'+
'<a class="entry" onclick="set(this);" id="set'+activity_id+'">设置</a>'+
'</div>'+
'</li>';
$("#ul_panel_content").append(li_str)activity_id是从后台发回来的数据,值形式为“1”或者“2”等等。
现在我们用:<input type="hidden" value="'+activity_id+'" name="activity_id" />,
目的:现在想要获取到这个节点的id,对其定义事件 '<a id="entry'+activity_id+'" class="entry" onclick="handleEntryEvent(this)">进入</a>'思路:通过获取到input的value,从而得到 activity_id,进而得到节点的id
函数 handleEntryEvent(this)的js代码如下:这里的this是节点本身 // 处理”进入“按钮事件
handleEntryEvent = function(node){
var parents = node.parentNode.parentNode;
var child = parents.children;
console.log(child);
var input_ob
4000
j = child[0];
var activ_id = input_obj.value; //注意这里写的是js,不是在jquery框架写的,所以用Input_obj.val(),提示,input_obj.val is not a function
var url = globalConfig.pre_api_url + "/wall/index.php?activity_id=" + activ_id;
var entry_obj = $("#entry"+activ_id);
entry_obj.attr("target","_blank");
entry_obj.attr("href",url)
}通过 activ_id = input_obj.value 就可以得到activity_id的值了,从而得到点击节点的id:entry_obj = $("#entry"+activ_id)
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: