Home >Web Front-end >JS Tutorial >Analysis of the difference between jquery parent and parents_jquery

Analysis of the difference between jquery parent and parents_jquery

WBOYOriginal: 2016-05-16 17:20:481488browse

It can be seen that the value of parent is very clear, which is the parent element of the current element; parents is the ancestor element of the current element. Examples are listed below:

Copy code The code is as follows:

< ;p>

$('p').parent() gets div2, div3, div4
$('p').parent('.a') gets div3
$('p').parent().parent() obtains div1, which is rather strange; however, the characteristics of the Jquery object itself determine that this is feasible.
$('p').parents() gets div1, div2, div3, div4
$('p').parents('.a') gets div3
parent (exp) Usage: Get an element set containing the unique parent element of all matching elements.

Copy code The code is as follows:

/table>

Among them: this.parent() is the td in front of input
this.parent().parent() gets tr
this.parent( ).parent().parent() obtains table
this.parent().next() obtains td
adjacent to td. In the example:

Hello

$("p").parent() gets:

Hello

< ;p>Hello

object, because the parent tag of the p tag is div

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Previous article：Solution to the conflict between single quotes and double quotes in js_javascript skillsNext article：Solution to the conflict between single quotes and double quotes in js_javascript skills

See more

Analysis of the difference between jquery parent and parents_jquery

Related articles