Instructions for using parents() in jQuery_jquery

For example:

Copy code The code is as follows:

< body>

hello

< ;p>
tonsh

$("a").parent() will get the parent object

$("a").parents() will get the parent object as

$("a").parents().filter("div") will get, which can also be written as $("a") .parents("div").
If you want the object, you can write it like this: $("a").parents("div:eq(0)").
What should I do if the content in pops up when I click the link?

Copy code The code is as follows:

var id=$("a").parents( "div:eq(1)").children("div:eq(0)").html();
alert(id);

This kind of subscript-like usage is very It's easy to get what we want, as long as we don't mix up the order of these subscripts.
Examples of using jquery parents

<style> p, div, span {margin:2px; padding:1px; } div { border:2px white solid; } span { cursor:pointer; font-size:12px; } .selected { color:blue; } b { color:red; display:block; font-size:14px; } </style> <p> </p> <div> <div> <span> </span>Hello</div> <span> </span>Hello Again</div> <div> <span> </span>And Hello Again</div> <b> </b>Click Hellos to switch the parent element<a href="http://www.jb51.cn"> </a>Material download<a href="http://tools.jb51.net"> </a>Webmaster Tools<a href="http://s.jb51.net"> </a>Server software<a href="http://www.baidu.com"> </a>Baidu<a href="http://www.jb51.net"> </a>Script Home
[Ctrl A select all Note:

If you need to introduce external Js, you need to refresh to execute ]<script> function showParents() { $("div").css("border-color", "white"); var len = $("span.selected") .parents("div") .css("border", "2px red solid") .length; $("b").text("Unique div parents: " + len); } $("span").click(function () { $(this).toggleClass("selected"); showParents(); }); </script>