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使用举例

  

   [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]