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);

})

})