jQuery中parents()的使用说明
更新时间:2010年11月28日 14:52:38 作者:
今天遇到一个有意思的问题,jquery有两个函数parent()和parents().通过这两个函数可以找到一个对象的父对象,又称作jquery的选择器。
举个例子:
<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需再刷新一下页面才能执行]
复制代码 代码如下:
<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需再刷新一下页面才能执行]
相关文章
jquery实现图片等比例缩放以及max-width在ie中不兼容解决
图片等比例缩放在某些情况下还是比较事用的,不过max-width和max-height在ie6中不兼容问题很是郁闷,接下来使用jQuery解决这个问题,感兴趣的各位可以参考下哈2013-03-03jQuery在ie6下无法设置select选中的解决方法详解
这篇文章主要介绍了jQuery在ie6下无法设置select选中的解决方法,结合实例分析了jQuery在ie6下无法设置select选中的原因与相关处理技巧,需要的朋友可以参考下2016-09-09JQuery EasyUI学习教程之datagrid 添加、修改、删除操作
这篇文章主要介绍了JQuery EasyUI datagrid 添加、修改、删除操作的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下2016-07-07jquery处理checkbox(复选框)是否被选中实例代码
这篇文章主要介绍了jquery处理checkbox(复选框)是否被选中实例代码的相关资料,需要的朋友可以参考下2017-06-06
最新评论