如何取得当前元素的jquery获取父元素素的jquery获取父元素素

获取当前元素离父级元素的距离(不是绝对定位),求指导
[问题点数:40分,结帖人qq_]
获取当前元素离父级元素的距离(不是绝对定位),求指导
[问题点数:40分,结帖人qq_]
不显示删除回复
显示所有回复
显示星级回复
显示得分回复
只显示楼主
相关帖子推荐:
2013年5月 总版技术专家分月排行榜第一
2014年8月 总版技术专家分月排行榜第二2014年7月 总版技术专家分月排行榜第二2013年6月 总版技术专家分月排行榜第二
2013年5月 总版技术专家分月排行榜第一
2014年8月 总版技术专家分月排行榜第二2014年7月 总版技术专家分月排行榜第二2013年6月 总版技术专家分月排行榜第二
2014年2月 总版技术专家分月排行榜第二2013年4月 总版技术专家分月排行榜第二
2014年11月论坛优秀版主
匿名用户不能发表回复!|
每天回帖即可获得10分可用分!小技巧:
你还可以输入10000个字符
(Ctrl+Enter)
请遵守CSDN,不得违反国家法律法规。
转载文章请注明出自“CSDN(www.csdn.net)”。如是商业用途请联系原作者。trackbacks-0
---恢复内容开始---
&tr class="removerow" style=""&
&input type="submit" name="ListView1$ctrl0$DeleteButton" value="删除" id="ListView1_DeleteButton_0" /&
&input type="submit" name="ListView1$ctrl0$EditButton" value="编辑" id="ListView1_EditButton_0" /&
&input type="button" isRemoveRow="true" value="无刷新删除" curId='1' /&
&span id="ListView1_IdLabel_0"&1&/span&
&span id="ListView1_PostDateLabel_0"&2008/8/8 0:00:00&/span&
&span id="ListView1_MsgLabel_0"&好啊&/span&
&tr class="removerow" style=""&
&input type="submit" name="ListView1$ctrl1$DeleteButton" value="删除" id="ListView1_DeleteButton_1" /&
&input type="submit" name="ListView1$ctrl1$EditButton" value="编辑" id="ListView1_EditButton_1" /&
&input type="button" isRemoveRow="true" value="无刷新删除" curId='2' /&
&span id="ListView1_IdLabel_1"&2&/span&
&span id="ListView1_PostDateLabel_1"&2008/8/8 0:00:00&/span&
&span id="ListView1_MsgLabel_1"&沙发&/span&
查找父元素tr,将该元素删除。
$("input[curId=" + id + "]").parent().parent().remove();& //父元素的父元素 找到tr
$("input[curId=" + id + "]").parents("tr")[0].remove();& // 祖先元素 找到tr HTMLTableRowElement
$("input[curId=" + id + "]").parents(".removerow").remove(); //祖先元素 样式筛选
使用parents("tr") 通过tr元素查找,会返回2条数据,parents("tr").html() 能正常获取该行,如果html("") 无法正常修改。
删除该行tr,必须加parents("tr")[0].remove(); 才行。但是parents("tr")[0].html("")也无法正常修改, 不知道为什么会这样!
看来还是通过添加样式parents(".removerow") 操作方便些。
阅读(...) 评论()当前访客身份:游客 [
当前位置:
method=&post& name=&form1& action=&save.php& &
&input type=&hidden& name=&txt&
id=&txt& value=&1&&
value=&点击提交订单& type=&submit& name=&submit&&
&script type=&text/javascript&&
if($(&#txt&, window.parent.document).val()=='1')
countDown(5,'a.html');
countDown(5,'b.html');
我就是想获取到父页面的隐藏域的值,就是获取不到啊 想判断隐藏域的值是不是等于1,等于1执行下面的
,怎么办啊
共有10个答案
<span class="a_vote_num" id="a_vote_num_
为什么不用php判断
--- 共有 1 条评论 ---
我要那个js判断啊
(1年前)&nbsp&
<span class="a_vote_num" id="a_vote_num_
你要在父页面的加一个方法,子页面只是调用这个方法,你的父子页面也要在一个域下面
--- 共有 1 条评论 ---
(1年前)&nbsp&
<span class="a_vote_num" id="a_vote_num_
引用来自“乾坤摄”的答案你要在父页面的加一个方法,子页面只是调用这个方法,你的父子页面也要在一个域下面怎么做啊 & 哥哥
<span class="a_vote_num" id="a_vote_num_
引用来自“赵立成”的答案引用来自“乾坤摄”的答案你要在父页面的加一个方法,子页面只是调用这个方法,你的父子页面也要在一个域下面怎么做啊 & 哥哥a b 两个页面,a是父页面 b是子页面, a 上面有个方法取隐藏域的值并返回,b页面调用这个方法就行了
<span class="a_vote_num" id="a_vote_num_
$('#txt', parent.document).val();
<span class="a_vote_num" id="a_vote_num_
引用来自“蔡小峰”的答案 $('#txt', parent.document).val(); 大哥这种方法我都试了N变了,不行的,这个是表单提交,怎么在子页面获取父页面的元素的值啊
<span class="a_vote_num" id="a_vote_num_
var hh = &&?php echo $_POST['txt']?&&;
if(hh==&1&){
<span class="a_vote_num" id="a_vote_num_
@& 下面2个文件你再试试,记得引入Jquery
& &①.&main.html (子页面)
&script type=&text/javascript& src=&jquery-1.7.1.min.js&&&/script&
&script type=&text/javascript&&
$(document).ready(function(){
alert(100);
var a1 = $('#a1', parent.document).val();
var a2 = $('#a2', parent.document).val();
alert(a1+&
& ②.index.html
&input type=&hidden& id =&a1& value=&123&/&
&input type=&text& id =&a2& value=&456&/&
&iframe src=&main.html&&
③ 运行方式 打开&index.html
<span class="a_vote_num" id="a_vote_num_
引用来自“蔡小峰”的答案
@& 下面2个文件你再试试,记得引入Jquery
& &①.&main.html (子页面)
&script type=&text/javascript& src=&jquery-1.7.1.min.js&&&/script&
&script type=&text/javascript&&
$(document).ready(function(){
alert(100);
var a1 = $('#a1', parent.document).val();
var a2 = $('#a2', parent.document).val();
alert(a1+&
& ②.index.html
&input type=&hidden& id =&a1& value=&123&/&
&input type=&text& id =&a2& value=&456&/&
&iframe src=&main.html&&
③ 运行方式 打开&index.html
这种方法可以 &,但是我的是表单提交的,应该怎么获取啊 &表单提交是不可取的
--- 共有 4 条评论 ---
我的好哥啊
(1年前)&nbsp&
: 怎么不行?取不到子页面?还是怎么回事?
(1年前)&nbsp&
: http://ftp167173./jqfym/
不行啊 我测试了
(1年前)&nbsp&
那你就反过来,父页面上js提交子页面的表单,然后父页面该干嘛干嘛。
(1年前)&nbsp&
<span class="a_vote_num" id="a_vote_num_
&表单提交的时候? 这只是一个事件,和加载事件有区别么?
有什么技术问题吗?
赵立成的其他问题
类似的话题解析jquery获取父窗口的元素 - 谷普下载 |
| 您所在的位置: >
> 解析jquery获取父窗口的元素解析jquery获取父窗口的元素编辑:简下下载&&&&来源:本站整理&&&&更新:&&&&人气:加载中...&&&&字号:|标签:&&&&&&&&&&(&#父ID&,window.parent.document); 对应javascript版本为window.parent.document.getElementByIdx_x(&父ID&);
取父窗口的元素法子:$(selector, window.parent.document);
那么你取父窗口的父窗口的元素就可以用:$(selector, window.parent.parent.document);
类似的,取其它窗口的法子大同小异
$(selector, window.top.document);
$(selector, window.opener.document);
$(selector, window.top.frames[0].document);
-----------------------------------------------------------------------------
子窗口创建及父窗口与子窗口之间通信:
1、Javascript弹出子窗口
可以通过多种方式实现,下面介绍几种法子
(1) 通过window对象的open()法子,open()法子将会产生一个新的window窗口对象
其用法为:
window.open(URL,windowName,parameters);
URL: 描述要打开的窗口的URL地址,如何为空则不打开任何网页;
windowName:描述被打开的窗口的民称,可以应用'_top'、'_blank'等内建名称,这里的名称跟&a href=&...& target=&...&&里的target属性是一样的。
parameters:描述被打开的窗口的参数值,或者说是样貌,其包括窗口的各个属性值,及要传入的参数值。
打开一个 400 x 100 的洁净的窗口:
open('','_blank','width=400,height=100,menubar=no,toolbar=no,
location=no,directories=no,status=no,scrollbars=yes,resizable=yes')
也可以这样写: var newWindow = open('','_blank');
参数说明如下:
top=# 窗口顶部离开屏幕顶部的像素数
left=# 窗口左妒攀离开屏幕左端的像素数
width=# 窗口的宽度
height=# 窗口的高度
menubar=... 窗口有没有菜单,取值yes或no
toolbar=... 窗口有没有条,取值yes或no
location=... 窗口有没有地址栏,取值yes或no
directories=... 窗口有没有连接区,取值yes或no
scrollbars=... 窗口有没有滚动条,取值yes或no
status=... 窗口有没有状态栏,取值yes或no
resizable=... 窗口给不给调剂大小,取值yes或no
(2) 在javascript中除了通过open()法子建立window对象实现弹出窗口外,还可以通过建立对话框的方式弹出窗口。
alert(&&); //弹出信息提示对话框
confirm(&&); //弹出信息确认对话框
prompt(&&); //具有交互性质的对话框
但是,上述实现的弹出窗口具有的功能较为单一,只能完成较为简单的功能。对于需要在对话框中显示多个数据信息,
甚至是HTML控件就无能为力了。
(3) 应用模态对话框实现繁杂的对话框需求
在javascript的内建法子中还有一类法子可以实现通过对话框显示HTML内容,
也就是说可以通过创建对话框的方式来完成创建窗口对象所能完成的功能。
包括创建模态对话框和非模态对话框两种。
实现法子为:
//创建模态你对话框
window.showModalDialog(sURL,vArguments,sFeatures)
//创建非模态对话框
window.showModelessDialog(sURL,vArguments,sFeatures)
其差别在于:
用showModelessDialog()打开窗口时,不必用window.close()去关闭它,当以非模态方式[IE5]打开时, 打开对话框
的 窗口仍可以进行其他的操作,即对话框不总是最上面的焦点,当打开它的窗口URL改变时,它自动关闭。而模态[IE4]方式的对话框始终有焦点(焦点不可移 走,直到它关闭)。模态对话框和打开它的窗口相联系,因此我们打开另外的窗口时,他们的关系依然保存,并且隐藏在活动窗口的下面。
showModeDialog()则不然。
参数说明:
sURL:必选参数,类型:字符串。
用来指定对话框要显示的文档的URL。
vArguments:可选参数,类型:变体。
用来向对话框传递参数。传递的参数类型不限,包括数组等。对话框通过window.dialogArguments来取得传递进来的参数。
sFeatures:选参数,类型:字符串。
用来描述对话框的外观等信息,可以应用以下的一个或几个,用分号&;&隔开。
dialogHeight:对话框高度
不小于100px,IE4中dialogHeight和dialogWidth 默认的单位是em,而IE5中是px,为方便其见,在定义modal方式的对话框时,用px做单位。
dialogWidth: 对话框宽度。
dialogLeft: 距离桌面左的距离。
dialogTop: 离桌面上的距离。
center: 窗口是否居中
默认yes,但仍可以指定高度和宽度,取值范围{yes | no | 1 | 0 }。
help: 是否显示赞助按钮
默认yes,取值范围 {yes | no | 1 | 0 }。
resizable: 是否可被改变大小。
默认no,取值范围 {yes | no | 1 | 0 } [IE5+]。
status: 是否显示状态栏。
默觉得yes[ Modeless]或no[Modal],
取值范围{yes | no | 1 | 0 } [IE5+]。
scroll:指明对话框是否显示滚动条。
默觉得yes,取值范围{ yes | no | 1 | 0 | on | off }。
还有几个属性是用在HTA中的,在一般的网页中一般不应用。
dialogHide:在打印或者打印预览时对话框是否隐藏。
默觉得no,取值范围{ yes | no | 1 | 0 | on | off }。
edge:指明对话框的边框样式。
默觉得raised,取值范围{ sunken | raised }。
unadorned:默觉得no,取值范围{ yes | no | 1 | 0 | on | off }。
传入参数:
要想对话框传递参数,是通过vArguments来进行传递的。类型不限制,对于字符串类型,最大为4096个字符。也可以传递对象
var newWin=window.showModalDialog(url,window,'dialogHeight:500px, dialogLeft:100px, dialogTop:100px,
dialogWidth:300px, status:0, edge:sunken');
newWin.open();
与应用window.open()法子创建窗口相比,模态法子创建窗口的差别在于有模态法子创建的窗口后将不能操作父窗口.
2、子窗口与父窗口间通信
(1) 应用window.open()创建的窗口与父窗口通信
可以在子窗口页面中通过window.opener来父窗口对象,之后子窗口便可以对父窗口履行刷新,传值等操作。
window.opener.location.reload(); //子窗口刷新父窗口
window.opener.location.href //获取父窗口href
window.opener.locaiton.pathname //获取父窗口路径名
//刷新父页面
window.location.href=window.location. //重新定位父页面
window.location.
(2) 模态窗口与父窗口通信
通过应用showModelDialog(),及showModelessDialog()法子创建的子窗口想与父窗口通信时,不能通过window.opener
来获取父窗口对象。要实现通信,必须在创建模态子窗口时向子窗口传入父窗口对象。
实现方式为:
在父窗口中:
var newWin=window.showModelDialog(url,window,'');
newWin.open();
此时参数window即是父窗口对象
在子窗口中:
需首先获取父窗口对象,然后才干应用父窗口对象。由于父窗口对象是在创建
子窗口时通过传入参数的方式传入的,因此,在子窗口中也只能通过获取窗口参数的方式获取父窗口对象。获取方式如下:
var parent=widnow.dialogArguments;
变量parent便是父窗口对象。
//通过子窗口提交父窗口中的表单:form1,提交后履行查询操作
var parent=window.dialogA
parent.document.form1.action=&QueryInfor.jsp&;
parent.submit();
//刷新父页面
var parent=window.dialogA
parent.location.reload();
//从子窗口传值到父窗口
要实现在模态子窗口中传值到父窗口,需要应用window.returnValue完成
实现法子如下:
在子窗口中:
//获取父窗口某字段值,对该值加一后返回父窗口
var parent=window.dialogA
var x=parent.docuement.getElementById(&age&).
window.returnValue=x;
在父窗口中:
//获取来自子窗口的值
var newWin=window.showModelDialog(url,window,'');
if(newWin!=null)
document.getElementByIdx_x(&age&).value=newW
//在子窗口中设置父窗口的值
在 子窗口中向父窗口中传入值似乎没有直接设置父窗口中的值来得明了。直接设置父窗口中元素的值显得要更灵便一些,不过具体应用哪种法子要根据实际情况和已有 的实现方式而定,因为如果应用了不切实际的法子不仅降低开发效率,也降低了履行效率,往往也会造成不优雅的实现方式和代码风格。
子窗口设置父窗口的值应用法子如下:
子窗口中:
var parent=window.dialogA
var x=parent.document.getElementByIdx_x(&age&).
//设置父窗口中age属性值
parent.document.getElementByIdx_x(&age&).value=x;
以 上是我在项目中应用javascript子窗口时,收集及积累的一些法子和资料。我是应用建立模态窗口的方式来实现的(这主要与项目本身有关),, 不过其实不论是应用window.open()还是应用window.showModelDialog()进行传参等操作时虽然在实现法子上有很大的差 别,初次接触会认为有点乱,但只要理清子窗口与父窗口之间的关系和角色之后,就很好理解了。
评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
分类选择您可能在找这些js与jquery获取父元素,删除子元素的不同方法
var obj=document.getelementbyid(id);的到地是dom对象,对该对象进行操作地时候使用js方法
var obj=$(#id);的到地是jquery对象,对该对象进行操作地时候使用jquery方法
1.对于上面获的地对象进行遍历
(1).js方法& for(vat i=0;j&obj.i++){ obj[i] 来获的对应地某一个元素}
(2).jquery方法& $(&#id&).each(function(){ $(this) 来获的对应地某一个元素});
2.获取满足条件地元素地父元素
(1).js方法:var o=obj[i].parentnode
(2).jquery方法:var o=$(this).parent()
2.的到父元素后,可以删除该父元素地子元素
(1).js方法:o.removechild(obj[i]);
(2).jquery方法:o.empty()
: 更多网络编程信息请查看:

我要回帖

更多关于 jquery获取父级元素 的文章

 

随机推荐