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

})

})