zoukankan      html  css  js  c++  java
  • JQuery :eq() 选择器 与 eq()遍历方法

    一、: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()

    就不能切换。

  • 相关阅读:
    HDU1205 吃糖果【水题】
    HDU2568 前进【水题】
    架构图初体验
    五层架构
    文件系统权限设计涉及范畴
    微服务
    领域驱动设计
    容器技术Docker
    架构总结
    仓储模式的简单理解
  • 原文地址:https://www.cnblogs.com/potato-lee/p/8898223.html
Copyright © 2011-2022 走看看