获取动态添加的节点的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)
方法:可以给动态添加的内容加上一个不显示的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)
相关文章推荐
- ViewPager中动态添加XML布局文件,并获取XML文件中控件ID的操作(inflate)
- Android获取动态添加控件的Id
- jquery 获取动态添加后子节点的元素个数
- redis 集群之动态添加redis节点,删除指定ID的redis节点,以及查看redis集群中各个节点的信息
- jquery动态生成添加的html代码怎么获取id 或class
- Android 动态添加按钮,并获取id,添加事件
- 动手实现扩展属性为对象动态添加获取数据(续)
- 通过字段名称动态获取资源的id(将Android工程做成jar包和资源文件)
- 父节点layout动态添加子节点,container模式动态更新父节点size
- DOM动态添加HTML节点 appendChild、removeChild
- bootstrap-treeview 扩展addNode方法 动态添加子节点的方法
- JQuery - 根据节点获取对应的id,可用于留言板
- Android:资源 id 及资源 id 的动态获取
- 【实践】js 如何实现动态添加文本节点
- zTree获取当前选中节点的子节点id集合
- Jquery动态添加及删除页面节点元素示例代码
- xml 操作(动态添加 property属性 其他节点同理)
- jQuery.ajax动态添加标签无法被获取到
- 关于DEV里treelist获取节点ID
- listview添加的有Headview后onItemClick函数获取的listView的行值有问题,点任何一行的数据,捕获的id值都为1,奇怪!