How does jquery query the last child element

This article introduces the knowledge of "how to query the last child element of jquery". In the operation of actual cases, many people will encounter such a dilemma, so let the editor lead you to learn how to deal with these situations. I hope you can read it carefully and be able to achieve something!

Two methods: 1, using children () and ": last-child" selector, syntax "$(parent element). Children (": last-child ")". 2. With children () and eq (), the syntax "$(parent element). Children (). Eq (- 1)".

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

Two methods of querying the Last Child element in jquery

Method 1: use the children () and: last-child selector

Use children () to get all direct child elements under the specified parent node

Use: last-child to select the last element in the child element collection, that is, the last child element

Example:

$(function () {$("button") .click (function () {$("ul"). Children (": last-child") .css ("color", "red") }) the last child element of the parent element ul of banana, apple, pear, orange

Method 2: use children () and eq ()

Use children () to get all direct child elements under the specified parent node

Use eq (- 1) to select the last element in the child element set, that is, the last child element

On the basis of the above example, modify:

$(function () {$("button") .click (function () {$("ul"). Children (). Eq (- 1). Css ("color", "red");})})

This is the end of the content of "how to query the last child element of jquery". Thank you for reading. If you want to know more about the industry, you can follow the website, the editor will output more high-quality practical articles for you!