本文主要是介绍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);
})
})
这篇关于HTML 父页面与子页面传值调用问题的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!