zoukankan      html  css  js  c++  java
  • jquery获取第几个元素的方法总结

       使用jquery时经常会遇到,选择器选择一组元素后,需要在这组元素中找到第几个元素。

      jquery中使用eq()方法找到第几个元素或第N个元素,jquery中eq()的使用如下:

      eq() 选择器选取带有指定 index 值的元素。

      index 值从 0 开始,所有第一个元素的 index 值是 0(不是 1)。

      经常与其他元素/选择器一起使用,来选择指定的组中特定序号的元素。

      例子:

    $('#test').children().eq(1).css({'display':'inline-block'});
    

      

      将id为test的元素的第二个子元素样式设置为'display':'inline-block'。

      另一种写法

    $(":eq(index)")
    如:$("p:eq(1)")
    

      

      附另一种办法的例子

    <script type="text/javascript" src="/jquery-latest.js"></script> 
    <script>
    $(function(){
     $('a').each(function(i){
      this.onclick=function(){
       alert(i);
       return false;
      };
     });
    });
    </script>
    <a href="">百度</a>
    <a href="">google</a>
    <a href="http://www.111cn.net">msn</a>
    <a href="">qq</a>
    

      

      或者这样写

    <script type="text/javascript" src="jquery-1.1.3.1.js"></script>
        <script type="text/javascript">
        $(function()
        {
          $("a").bind("click",function()
          {
            alert($("a").index(this));
          }
          )
        }
        )
    </script>
    

      

      效果是一样的哦。

  • 相关阅读:
    jeecg+activemq之AjaxServlet+tomcat7
    odoo8.0 win7 64位 安装配置(补遗)
    odoo种种
    MySQL种种
    html种种
    jQuery种种
    freemarker种种
    jQuery ui autocomplete 与easyUI冲突解决办法(重命名ui的autocomplete 和menu部分)
    vue实现点击按钮下载图片
    VUE父子组件之间的传值,以及兄弟组件之间的传值
  • 原文地址:https://www.cnblogs.com/c1ndy/p/5336637.html
Copyright © 2011-2022 走看看