HTML 父页面与子页面传值调用问题
作者:互联网
HTML 父页面与子页面传值调用问题
场景:父页面为第一级栏目的列表展示数据,子页面为父页面对应栏目页下面的详细数据,用户通过点击父页面每一行的“查看详细”按钮触发弹窗, 弹窗进行数据展示,弹窗效果用的layer.open,子页面为一个单独的detail页面,所以父子页面需要传递唯一值来进行数据展示,
目前采用的方法是 在父页面定义一个div 或者 span(举例id="name") ,然后给其赋值,然后再子页面 通过window.parent.$("name").val()这个方法取到这个标签里的值即可,方式比较简陋但比较管用
当然还有一个问题,就是如何取到父页面 表格里面指定位置的值,我的做法如下:
在表格的最后一列放的button,当点击的时候触发取值方法,表格id="tb"
$(function(){
$("#tb").on("click",":button",function(event){
var name = $(this).parents('tr').find('td').eq(1).text();
console.loe("取到的name为:\t"+name);
})
})
标签:name,表格,button,HTML,与子,tb,弹窗,页面 来源: https://blog.csdn.net/u012972294/article/details/106546424