Jquery实现点击左边标题，右边出现弹窗，显示左边标题所对应的详细信息

Question

数据是来自ajax的

我一开始的思路是，for循环ajax拿到的数据用这个i和点击左边标题，那个元素的的父元素内子元素的index一一对应，这样显示的数据是左右边一致的。

可是我又做了一个搜索功能，会过滤与输入关键字不匹配的左边标题，所以这样下来点击左边标题得到的index，和右边for循环的i就对应不起来了。

对于这两个功能都要做的话，怎么样才能保证左右边数据一致，求思路谢谢

Answer 1

那你这里就不能用这个i对应了啊，你可以用他们共同的一个字段比如id来进行判断，然后进行显示啊。

Answer 2

我觉得哈0 - 0你这个标题列表的数据过于庞大了，你只需要循坏标题的数据就够了，右边应该是另外一个接口去处理的，获取详情接口，右边儿不需要那么多li，你只需要一个div

Answer 3

其实更好的方法是你建立一个内部数据集，对左边每个标题元素有一个稳定（全局唯一的id，且不受过滤等影响），然后根据点击查询到这个id用于显示右边数据。就是想办法维护一个 index 和 id的对应表就可以查询到正确数据了。