鍍金池/ 問(wèn)答/HTML/ Jquery實(shí)現(xiàn)點(diǎn)擊左邊標(biāo)題，右邊出現(xiàn)彈窗，顯示左邊標(biāo)題所對(duì)應(yīng)的詳細(xì)信息

Jquery實(shí)現(xiàn)點(diǎn)擊左邊標(biāo)題，右邊出現(xiàn)彈窗，顯示左邊標(biāo)題所對(duì)應(yīng)的詳細(xì)信息

數(shù)據(jù)是來(lái)自ajax的

我一開(kāi)始的思路是，for循環(huán)ajax拿到的數(shù)據(jù)用這個(gè)i和點(diǎn)擊左邊標(biāo)題，那個(gè)元素的的父元素內(nèi)子元素的index一一對(duì)應(yīng)，這樣顯示的數(shù)據(jù)是左右邊一致的。

可是我又做了一個(gè)搜索功能，會(huì)過(guò)濾與輸入關(guān)鍵字不匹配的左邊標(biāo)題，所以這樣下來(lái)點(diǎn)擊左邊標(biāo)題得到的index，和右邊f(xié)or循環(huán)的i就對(duì)應(yīng)不起來(lái)了。

對(duì)于這兩個(gè)功能都要做的話(huà)，怎么樣才能保證左右邊數(shù)據(jù)一致，求思路謝謝

回答
編輯回答
礙你眼

其實(shí)更好的方法是你建立一個(gè)內(nèi)部數(shù)據(jù)集，對(duì)左邊每個(gè)標(biāo)題元素有一個(gè)穩(wěn)定（全局唯一的id，且不受過(guò)濾等影響），然后根據(jù)點(diǎn)擊查詢(xún)到這個(gè)id用于顯示右邊數(shù)據(jù)。
就是想辦法維護(hù)一個(gè) index 和 id的對(duì)應(yīng)表就可以查詢(xún)到正確數(shù)據(jù)了。

2017年9月10日 03:57
編輯回答
網(wǎng)妓

我覺(jué)得哈0 - 0你這個(gè)標(biāo)題列表的數(shù)據(jù)過(guò)于龐大了，你只需要循壞標(biāo)題的數(shù)據(jù)就夠了，右邊應(yīng)該是另外一個(gè)接口去處理的，獲取詳情接口，右邊兒不需要那么多l(xiāng)i，你只需要一個(gè)div

2018年9月4日 23:15
編輯回答
萌面人

那你這里就不能用這個(gè)i對(duì)應(yīng)了啊，你可以用他們共同的一個(gè)字段比如id來(lái)進(jìn)行判斷，然后進(jìn)行顯示啊。

2017年8月30日 03:40