其他分享
首页 > 其他分享> > HTML 父页面与子页面传值调用问题

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