jQuery :lt(index)选择器

:lt()选择器语法

$('selector:lt(index)')

:lt()选择器语法解析

jQuery代码:lt(index)选择器时,会从selector所匹配到的HTML元素所构成的元素集合(数组)之中进行二次匹配选择元素的索引值小于index的所有元素,即便不是同一类型的元素,比如p和span,也可以被选择。

:lt()选择器实例代码

如下实例代码,设计了数个p元素和数个span元素,并通过class属性和:lt()选择器,匹配选择索引值小于2的所有元素:

<p class="xyz">p1</p>
<span class="xyz">span1</span>
<p class="xyz">p2</p>
<span class="xyz">span2</span>
<p class="xyz">p3</p>
<span class="xyz">span3</span>


<button id="test" class="btn">jQuery</button>

<script>
  $('#test').click(function(){
    $('.xyz:lt(2)').css("font-size","3.5em");
  })
</script>

免责声明:内容仅供参考,不保证正确性!


全栈前端 / jQuery教程 :






Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.