問題描述

如上圖，，怎么實(shí)現(xiàn)點(diǎn)擊表格中的某一行然后就在2處出現(xiàn)表格中的對應(yīng)的屬性值啊。。

表格哪一部分是這樣生成的

問題解答

委托

$('#list').click(function (e) { e = e || window.event; //拿到鼠標(biāo)點(diǎn)擊的節(jié)點(diǎn)對象 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的值項，//建議在構(gòu)html的時候：'<tr data-C_name=’你對應(yīng)的值’ data-four=’’ ... ><td>..</td>...</tr>'//取值：$(tr).attr(’data-C_name’),$(tr).attr(’data-four’)$(tr) }});

用委托可以不用考慮里面的對象是異步加載

表格的tr綁定點(diǎn)擊事件，點(diǎn)擊的時候獲取表單所需要的值，依次填入就好了。

你可以在生成表格的時候把所有數(shù)據(jù)請求回來， 通過data-* 放在tr上面 ，再給tr綁定點(diǎn)擊事件，點(diǎn)擊的時候就把tr上面的數(shù)據(jù)填到相應(yīng)的地方，這樣可以減少請求次數(shù)（移動端做多了的后遺癥哈哈回答4：

循環(huán)點(diǎn)擊獲取每一行的屬性，然后把屬性寫到圖2，input相對應(yīng)的value中

$('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());});