zoukankan      html  css  js  c++  java
  • jquery .index( ) 的用法

    Example: 返回ID为bar的元素相对于同辈的索引值。
    <ul>
      <li id="foo">foo</li>
      <li id="bar">bar</li>
      <li id="baz">baz</li>
    </ul>
    <script>
     var index = $('#bar').index();  // 获取当前jquery对象在同辈元素中的index
    </script>


    -----------

    Example: 返回ID为bar的元素的索引值。
    <ul>
        <li id="foo">foo</li>
        <li id="bar">bar</li>
        <li id="baz">baz</li>
    </ul>
    <script>
      var index = $('li').index( $('#bar') );  // 获取当前的 jquery 对象 在$("li") 集合中的index
    </script>


    -----------
    Example: 返回dom元素的索引值。
    <div>First div</div>
    <div>Second div</div>
    <div>Third div</div>
    <script>
      var index = $("div").index(this);  // 获取当前点击的div(dom对象) 在$("div") 集合中的index
    </script>


    -----------

    Example: 由于没有元素的ID为foobar,所以返回 -1。
    <ul>
      <li id="foo">foo</li>
      <li id="bar">bar</li>
      <li id="baz">baz</li>
    </ul>
    <script>
    var index = $("li").index( $('#foobar') ); // -1 获取不存在于集合中的jquery对象
    </script>


    -----------

    Example: 返回jQuery集合中第一项的索引值。
    <ul>
      <li id="foo">foo</li>
      <li id="bar">bar</li>
      <li id="baz">baz</li>
    </ul>
    <script>
     var index = $('li').index( $('li:gt(0)') ); // 获取多个 jquery 对象在$("li") 集合中的index,结果是多个jq对象中第一个的index值。
    </script>


    -----------

    Example: 返回ID为bar的元素相对于所有 <li> 元素的索引值。
    <ul>
      <li id="foo">foo</li>
      <li id="bar">bar</li>
      <li id="baz">baz</li>
    </ul>
    <script>
     var index = $('#bar').index('li'); // 获取当前jquery对象在dom集合中的index
    </script>


    -----------

  • 相关阅读:
    Nim or not Nim? hdu3032 SG值打表找规律
    Maximum 贪心
    The Super Powers
    LCM Cardinality 暴力
    Longge's problem poj2480 欧拉函数,gcd
    GCD hdu2588
    Perfect Pth Powers poj1730
    6656 Watching the Kangaroo
    yield 小用
    wpf DropDownButton 源码
  • 原文地址:https://www.cnblogs.com/bigdesign/p/4514847.html
Copyright © 2011-2022 走看看