javascript - 怎么實現點擊表格中的某一行然后就在表單處出現表格中的對應的屬性值啊
問題描述
如上圖,,怎么實現點擊表格中的某一行然后就在2處出現表格中的對應的屬性值啊。。
表格哪一部分是這樣生成的
問題解答
回答1:委托
$('#list').click(function (e) { e = e || window.event; //拿到鼠標點擊的節點對象 var target = e.target || e.srcElement; //判斷所屬哪行tr var tr; $(this).find(’tr’).each(function () {if (this.contains(target)) { tr = this; return false;} }); //拿到了tr if (tr) {//這里面就可以取行tr的值項,//建議在構html的時候:'<tr data-C_name=’你對應的值’ data-four=’’ ... ><td>..</td>...</tr>'//取值:$(tr).attr(’data-C_name’),$(tr).attr(’data-four’)$(tr) }});
用委托可以不用考慮里面的對象是異步加載
回答2:表格的tr綁定點擊事件,點擊的時候獲取表單所需要的值,依次填入就好了。
回答3:你可以在生成表格的時候把所有數據請求回來, 通過data-* 放在tr上面 ,再給tr綁定點擊事件,點擊的時候就把tr上面的數據填到相應的地方,這樣可以減少請求次數(移動端做多了的后遺癥哈哈回答4:
循環點擊獲取每一行的屬性,然后把屬性寫到圖2,input相對應的value中
回答5:$('table tr').on('click',function () { console.log($(this).find('td').eq(0).text()); console.log($(this).find('td').eq(1).text()); console.log($(this).find('td').eq(2).text());});
相關文章:
1. javascript - 如圖,百度首頁,查看源代碼為什么什么都沒有?2. android - weex 項目createInstanceReferenceError: Vue is not defined3. 網頁爬蟲 - python requests爬蟲,如何post payload4. javascript - 原生APP內嵌H5頁面分享到微信朋友圈,二次分享問題。5. javascript - 為什么clearInterVal不起作用呢?6. html - 關于CSS實現border的0.5px設置?7. PHPExcel表格導入數據庫怎么導入8. android - 哪位大神知道java后臺的api接口的對象傳到前端后輸入日期報錯,是什么情況?求大神指點9. pdo 寫入到數據庫的內容為中文的時候寫入亂碼10. PHP類封裝的插入數據,總是插入不成功,返回false;
