JQ列表索引选择-创新互联
功能:【JQ 列表索引选择】
说明:实验元素,两个ul; 主要用途:当你选择第一个ul的li时,希望能同时选上第二个ul的相对应的li,做操作... Ps:我只实现了左边的效果,右边的没有实现,需要的话就参考代码写出来吧,同样道理的!
Jquery代码:
$(document).ready(function(){
$(".left li").click(function(){
var index = $(".left>li").index($(this));
//获取左边ul的li的索引
$(".right>li:eq("+index+")").css("background","#000").siblings().css("background","#fff"); //选择右边相对索引的li,然后进行操作
});
});
HTML代码:
- 1
- 2
- 3
- a
- b
- c
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
本文名称:JQ列表索引选择-创新互联
网页网址:http://ybzwz.com/article/shosi.html