Shulou(Shulou.com)06/01 Report--

This article mainly explains "how to insert a specified element into the first position of the parent element". Interested friends may wish to take a look at it. The method introduced in this paper is simple, fast and practical. Let's let the editor take you to learn how jquery inserts a specified element into the first position of the parent element.

Function: insert the specified element into the first position of the parent element (leftmost)

Case study

$self.prepend ($selectLi)

explain

Self is the parent element of selectLi, putting self in front of selectLi (leftmost)

The one moving is selectLi.

Append

Function: inserts the specified element into the back (rightmost) of the parent element

After

Case study

$firstLi.after ($selectLi)

explain

Put the selectLi behind the firstLi (right)

The one moving is selectLi.

Note: selectLi and firstLi are sibling nodes

Next

Function: get the next sibling node

Contrary to its function is prev.

Case study

While ($selectLiYears > firstLiYears) {

$firstLi=$firstLi.next ()

HasExpandClicked=true

FirstLiYears=$firstLi.data ('years')

}

explain

Get the next sibling node

Gets the child elements of the specified index

Case study

Var $selectLi=$self.find ('li:nth-child (' + (srcIndex) +')')

Var $firstLi=$self.find ('li:first')

$("p:nth-child (3)")

explain

: first means to get the first element

: last means to get the last element

Nth-child (2) means to get the second element

At this point, I believe you have a deeper understanding of "how jquery inserts the specified element into the first position of the parent element". You might as well do it in practice. Here is the website, more related content can enter the relevant channels to inquire, follow us, continue to learn!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.