jQuery中parents()的使用说明

举个例子：复制代码代码如下: <body> <div id="one"> <div id="two">hello</div> <div id="three"> <p> <a href="#">tonsh</a> </p> </div> </div> $("a").parent()将会得到父对象<p> $("a").parents()得到父对象为<p><div.3><div.1> $("a").parents().filter("div")将得到<div.3><div.1>,还可以写成$("a").parents("div")。如果想的到<div.2>对象可以写成这样：$("a").parents("div:eq(0)")。如果点击<a>链接时弹出<div.2>中的内容该怎么办？复制代码代码如下: var id=$("a").parents("div:eq(1)").children("div:eq(0)").html(); alert(id); 这种类似下标的用法很容易就得到了我们想要的内容，只要没有搞混这些下标的顺序。 jquery parents使用举例 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; } Hello Hello Again And Hello Again 点击Hellos来切换父元素素材下载站长工具服务器软件百度脚本之家 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

　　推荐阅读

　　juqery 学习之三选择器简单内容

:first 匹配找到的第一个元素 Matches the first selected element. 返回值 Element 示例查找表格的第一行 HTML 代码: <table> <tr><td>Header 1</td></tr> <tr><td>Value 1</td></tr> <tr><td>Value 2</td>>>详细阅读

本文标题：jQuery中parents()的使用说明

地址：http://www.17bianji.com/kaifa2/JS/25322.html

1/2 1