元素的顶部与父元素的顶部(实际的顶部,不是滚动后的顶部)的距离是 offsetTop,而父元素滚动后的顶部与实际顶部的距离是 scrollTop,所以只要 元素offsetTop-父元素scrollTop,就是元素与父元素滚动后实际可见的那个顶部的距离
(1)$("#id",windowopenerdocument)val(赋值);
或者$("#id",windowopenerdocument)html(赋值)
(2)上述(1)中的id为父窗口元素的id,获得后可以给赋值用val方法或者html方法
(3)原生js可以这样写:
windowopenerdocumentgetElementById("id")value=赋值或者
windowopenerdocumentgetElementById('cname')innerHTML=赋值
发现答非所问的人还不少啊
取父窗口的元素方法:$(selector, windowparentdocument);
那么你取父窗口的父窗口的元素就可以用:$(selector, windowparentparentdocument);
类似的,取其它窗口的方法大同小异
$(selector, windowtopdocument);
$(selector, windowopenerdocument);
$(selector, windowtopframes[0]document);
希望对你能有帮助
jquery获取父元素方法比较多,比如parent(),parents(),closest(),find,first-child这些都能帮你实现查找父节点、子节点、兄弟节点。
$('#cur')parent()parent();或$('#cur')parent()parent('pp');或$('#cur')parent('pp');
jquery 兄弟节点的获取
<ul>
<li>
<h3 class="title">类目一</h3>
<ul>
<li>第一项</li>
<li>第二项</li>
</ul>
</li>
<li>
<h3 class="title">类目二</h3>
<ul>
<li>第一项</li>
<li>第二项</li>
</ul>
</li></ul>
比如要点击类目一所在的 h3,对其兄弟节点的 ul 添加一个叫做 "show" 的 class,代码如下:
$("title")click(function () { $(this)parent()find('ul')addClass('show'); });
就是通过先找到 h3 与 ul 共同的父节点 li 然后来用 find() 找到 ul,还有一种方法是使用 siblings() 函数,代码如下:
("title")click(function() { $(this)siblings('ul')addClass('show'); })
子节点怎么获得
$("#tbody1:first-child")
:first-child
匹配第一个子元素
':first' 只匹配一个元素,而此选择符将为每个父元素匹配一个子元素
jQuery 提供了 parent() 方法用以获取当前匹配元素集合中每个元素的父元素,例如:
$("span")parent(); // 获取所有span标签元素的父节点对象集合
$("selected")parent(); // 获取所有class位selected的元素的父节点对象集合
$(spanselected)parent(); // 获取class为selected的span标签元素的父节点对象集合
另外,注意与parents() 方法的区别——parents() 方法获取当前匹配元素集合中每个元素的祖先元素(祖先元素不仅包括父节点,还包括祖父、曾祖父等等)。
jQuery的parent()方法可以获得当前匹配元素集合中每个元素的父元素,因此可以用以实现选择当前元素的父元素下的另一个子元素。下面给出实例演示:
1、创建Html元素
<div class="box">
<span>实例演示:获取当前点击li标签的父标签下类型为bb4的子标签</span><br>
<div class="content">
<ul>
<li class="bb1">哈哈,我是bb1</li>
<li class="bb2">click me</li>
<li class="bb3">哈哈,我是bb3</li>
<li class="bb4">哈哈,我是bb4</li>
</ul>
</div>
</div>
2、设置css样式
divbox{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}
divbox>span{color:#999;font-style:italic;}
divcontent{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}
li{margin:5px;list-style: none;}
3、编写jquery代码
$(function(){
$("li")click(function() {
alert($(this)parent()find("bb4")html());
});
});
4、观察效果:点击任一个li标签都将d出最后一个li标签的文字
以上就是关于jquery 怎样获取元素相对父元素的偏移(距离)说明:父元素有滚动条的!全部的内容,包括:jquery 怎样获取元素相对父元素的偏移(距离)说明:父元素有滚动条的!、jquery获取父窗口元素的方法、js/jquery如何获取获取父窗口的父窗口的元素等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)