分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 技术分享

JQuery ?:eq() 选择器 与 eq()遍历方法

发布时间:2023-09-06 01:50责任编辑:熊小新关键词:遍历选择器

一、:eq()选择器

语法: $(  " :eq(index)" ) 

在匹配的集合中选择索引值为index的元素,index索引值从0算起。就是选的第 “index+1” 的元素。

若要获取变量,

$("#parent child:eq( j ) input:eq(0)").val(elem); ?//j是变量$("#parent child:eq( j ) input:eq(1)").val(da[elem]); ?

上面这种写法报错,要使用下面这种写法:

$("#parent child:eq(" + j + ") input:eq(0)").val(elem); ?$("#parent child:eq(" + j + ") input:eq(1)").val(da[elem]); ?

:eq()选择器中要写变量,即index是动态变化的,则需要用+  +连接

二、eq()遍历方法

语法:eq(index | -index) 

index:整数(正数),选择索引值为index的元素,索引值从0算起。

-index:整数(负数),从集合元素中的最后一个元素开始倒数,从1算起。

应用:tab选项卡切换

若是

 $(‘div.tab_box > div‘)   //选取子节点

                    .eq(index).show().siblings().hide();

这样写就可以实现tab切换的效果,

若是 $(‘div.tab_box > div:eq(index)‘)

                     .show().siblings().hide()

就不能切换。

JQuery ?:eq() 选择器 与 eq()遍历方法

原文地址:https://www.cnblogs.com/potato-lee/p/8898223.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved