动态 tab页 jquery 选择器冲突问题

Question

动态tab页
http://www.980010.com/#TPL/pr...
就像上面哪种后台那样多页面的，但实现思路不同，我用的是每添加一个页面就在主页面添加一个Dom 元素。然后问题就来了;
例如页面1 有 <div class="page"></div>
例如页面2 也有 <div class="page"></div>

那么我打开页面1 和 打开页面 2 后实际就是添加了两个dom元素到主页面上。
那么我在页面1或页面2 用 $(".page") 都是找到2个元素。但这中 动态 tab 页是要做到互不相干的。请问有解决方案吗，或者在不用iframe前提下有没有更好的实现方法？

Answer 1

添加dom元素时也自定义唯一ID

Answer 2

• 添加唯一ID；

• jQuery的伪类选择器，如$('.page').eq(n);