Get the App
SLTechnology News&Howtos  ›  Development  › 

How to get the li of jquery

Shulou Source: shulou.com Published: 2022-06-01 06:11:13 10月13日 Update

In this article, the editor introduces in detail "jquery how to get the first li", the content is detailed, the steps are clear, and the details are handled properly. I hope that this "jquery how to get the li" article can help you solve your doubts.

Access method: 1, the use of eq () method, you can select the specified index number of the element, syntax for "$(" li "). Eq (index number)"; 2, the use of ": eq ()" selector, you can select the specified index number of the element, syntax "$(" li:eq (index number) ")".

The operating environment of this tutorial: windows7 system, jquery1.10.2 version, Dell G3 computer.

Jquery gets the number of li

1. Using eq () method

The eq () method returns the element with the specified index number of the selected element. The index number starts with 0, so the index number of the first element is 0 (not 1).

.siblings * {display: block; border: 2px solid lightgrey; color: lightgrey; padding: 5px; margin: 15px } $(document) .ready (function () {$("li"). Eq (2). Css ({"color": "red") "border": "2px solid red"}) }) Ul (parent node) first child element, second child element, third child element The fourth child element, the fifth child element.

Select the third li element (index number 2)

2. Using the ": eq ()" selector

The eq () selector selects the element with the specified index value. The index value starts at 0, and the index value for all the first elements is 0 (not 1).

.siblings * {display: block; border: 2px solid lightgrey; color: lightgrey; padding: 5px; margin: 15px } $(document) .ready (function () {$("li:eq (1)") .css ({"color": "red") "border": "2px solid red"}) }) Ul (parent node) first child element, second child element, third child element The fourth child element, the fifth child element.

Select the second li element (index number 1)

After reading this, the article "how to get the first li of jquery" has been introduced. If you want to master the knowledge points of this article, you still need to practice and use it yourself. If you want to know more about related articles, welcome to follow the industry information channel.

Tags: Element size index index number selection method article content node grammar proper beginning idea tutorial new knowledge more steps version environment computer Apple Docker Huawei Linux macOS MariaDB Microsoft MySQL NVidia OPPO Reno Huawei NVidia Xiaomi MariaDB OPPO Reno