`

jQuery-parent(exp)用法 学习笔记九

jQueryJavaScriptHTML 
阅读更多

parent(exp)用法:取得一个包含着所有匹配元素的唯一父元素的元素集合。

  1. <script src="jquery-1.2.6.min.js" type="text/javascript"></script>
  2. <script type="text/javascript"> 
  3. $(document).ready(function() {
  4. $("#btn1").click(function(){
  5. alert($(this).parent().next().html());
  7. });
  8. });
  9. </script> 
  11. </head> 
  12. <body> 
  14. <table>
  15. <tr>
  16.       <td><input id="btn1"  class="btn" type="button"  value="test"/></td>
  17.       <td>some text</td>
  18. </tr>
  19. </table>
  20. ....
其中：
  1. this.parent()是input前面的td
  2. this.parent().parent()获取的是tr
  3. this.parent().parent().parent()获取的是table
  4. this.parent().next()获取的是td相临的td

另例子中：

<div><p>Hello</p><p>Hello</p></div>

$("p").parent() 得到的是：<div><p>Hello</p><p>Hello</p></div>对象，因为p标签的父标签是div.

分享到：
| jQuery-hover(over,out)用法 学习笔记八
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics