javascript - 怎么實(shí)現(xiàn)點(diǎn)擊表格中的某一行然后就在表單處出現(xiàn)表格中的對(duì)應(yīng)的屬性值啊
問(wèn)題描述
如上圖,,怎么實(shí)現(xiàn)點(diǎn)擊表格中的某一行然后就在2處出現(xiàn)表格中的對(duì)應(yīng)的屬性值啊。。
表格哪一部分是這樣生成的
問(wèn)題解答
回答1:委托
$('#list').click(function (e) { e = e || window.event; //拿到鼠標(biāo)點(diǎn)擊的節(jié)點(diǎn)對(duì)象 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的值項(xiàng),//建議在構(gòu)html的時(shí)候:'<tr data-C_name=’你對(duì)應(yīng)的值’ data-four=’’ ... ><td>..</td>...</tr>'//取值:$(tr).attr(’data-C_name’),$(tr).attr(’data-four’)$(tr) }});
用委托可以不用考慮里面的對(duì)象是異步加載
回答2:表格的tr綁定點(diǎn)擊事件,點(diǎn)擊的時(shí)候獲取表單所需要的值,依次填入就好了。
回答3:你可以在生成表格的時(shí)候把所有數(shù)據(jù)請(qǐng)求回來(lái), 通過(guò)data-* 放在tr上面 ,再給tr綁定點(diǎn)擊事件,點(diǎn)擊的時(shí)候就把tr上面的數(shù)據(jù)填到相應(yīng)的地方,這樣可以減少請(qǐng)求次數(shù)(移動(dòng)端做多了的后遺癥哈哈回答4:
循環(huán)點(diǎn)擊獲取每一行的屬性,然后把屬性寫到圖2,input相對(duì)應(yīng)的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());});
相關(guān)文章:
1. debian - docker依賴的aufs-tools源碼哪里可以找到啊?2. dockerfile - 我用docker build的時(shí)候出現(xiàn)下邊問(wèn)題 麻煩幫我看一下3. angular.js使用$resource服務(wù)把數(shù)據(jù)存入mongodb的問(wèn)題。4. docker gitlab 如何git clone?5. docker 下面創(chuàng)建的IMAGE 他們的 ID 一樣?這個(gè)是怎么回事????6. macos - mac下docker如何設(shè)置代理7. javascript - 連續(xù)點(diǎn)擊觸發(fā)mouseleave事件8. docker網(wǎng)絡(luò)端口映射,沒有方便點(diǎn)的操作方法么?9. docker start -a dockername 老是卡住,什么情況?10. docker api 開發(fā)的端口怎么獲取?

網(wǎng)公網(wǎng)安備