jquery获取父窗口元素的方法

jquery获取父窗口元素的方法,第1张

(1)$("#id",windowopenerdocument)val(赋值);

或者$("#id",windowopenerdocument)html(赋值)

(2)上述(1)中的id为父窗口元素的id,获得后可以给赋值用val方法或者html方法

(3)原生js可以这样写:

windowopenerdocumentgetElementById("id")value=赋值或者

windowopenerdocumentgetElementById('cname')innerHTML=赋值

jQuery 提供了 parent() 方法用以获取当前匹配元素集合中每个元素的父元素,例如:

$("span")parent(); // 获取所有span标签元素的父节点对象集合

$("selected")parent(); // 获取所有class位selected的元素的父节点对象集合

$(spanselected)parent(); // 获取class为selected的span标签元素的父节点对象集合

另外,注意与parents() 方法的区别——parents() 方法获取当前匹配元素集合中每个元素的祖先元素(祖先元素不仅包括父节点,还包括祖父、曾祖父等等)。

<!DOCTYPE HTML>

<html lang="en-US">

<head>

<meta charset="UTF-8">

<title>mainhtml</title>

<style type="text/css">

</style>

<script type="text/javascript" src="jquery-180minjs"></script>

<script type="text/javascript">

jQuery (function ($)

    {

    $ ('div')each (function (i, dom)

    {

    $ (this)find ('p')each (function (j, ele)

    {

    $ (this)text ((j + 1) + " " + $ (this)text ());

    });

    });

    });

</script>

</head>

<body>

<div>

<h4>标题标题标题标题</h4>

<p>内容内容内容内容内容内容内容</p>

<p>内容内容内容内容内容内容内容</p>

<p>内容内容内容内容内容内容内容</p>

</div>

<div>

<h4>标题标题标题标题标题</h4>

<p>内容内容内容内容内容内容内容</p>

<p>内容内容内容内容内容内容内容</p>

<p>内容内容内容内容内容内容内容</p>

<p>内容内容内容内容内容内容内容</p>

<p>内容内容内容内容内容内容内容</p>

</div>

 怎么样获取每个p标签相对于自己父级div的序号 就是想输出为

<div>

<h4>标题标题标题</h4>

<p>内容内容内容内容内容内容内容</p>

<p>内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</p>

</div>

<div>

<h4>标题标题标题标题</h4>

<p>内容内容内容内容内容内容内容</p>

<p>内容内容内容内容内容内容内容</p>

<p>内容内容内容内容内容内容内容</p>

</div>

<div>

<h4>标题标题标题标题标题</h4>

<p>内容内容内容内容内容内容内容</p>

<p>内容内容内容内容内容内容内容</p>

<p>内容内容内容内容内容内容内容</p>

<p>内容内容内容内容内容内容内容</p>

<p>内容内容内容内容内容内容内容</p>

</div>

</body>

</html>

给父元素添加元素实际上是和子元素同级的不是吗?

$(this)before()和$(this)after()可以在当前元素前后插入元素

$(this)parent()可以获取父元素

当然你也可以用$(this)closest("selector")来选择获取更外层的元素进行 *** 作

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中css() 方法可以设置或返回被选元素的一个或多个样式属性,下面的例子将返回首个匹配元素的 background-color 值:

$("p")css("background-color");

父级的同级元素的子标签的css样式如下:

//eq(0)表示选择匹配到多个元素中的第一个

$("target")parent()siblings()eq(0)children()eq(0)

以上就是关于jquery获取父窗口元素的方法全部的内容,包括:jquery获取父窗口元素的方法、jquery 如何得到父节点对象、jquery 怎么循环获取元素相对于自己父级元素的序号等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9537901.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-29
下一篇 2023-04-29

发表评论

登录后才能评论

评论列表(0条)

保存