jquery 选择器,如何选择本子元素的父元素下的另一个子元素。

jquery 选择器,如何选择本子元素的父元素下的另一个子元素。,第1张

需要准备的材料分别有:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建html文件,例如:indexhtml,并引入jquery,填充问题基础代码。

2、在indexhtml中的<script>标签,输入jquery代码:

$('bb2')click(function () {

$('body')append($(this)parent()find('ccc')text());

});

3、浏览器运行indexhtml页面,点击“click me”的条目,此时会成功打印出“哈哈”的内容。

$("ul li")click(function(){

alert($(this)text());

});

$(this) 就是你单击后取出的li的文本内容。

$(document)ready(function(){

$("ul li")click(function(){

alert($(this)text());

});

});

总的来说就是为ul下的所有li标签提供一个onclick事件,所以不管是动态生成还是写死的这个方法都适用。

1、查找子元素方式1:>\x0d\例如:var aNods = $("ul > a");查找ul下的所有a标签\x0d\2、查找子元素方式2:children()\x0d\3、查找子元素方式3:find()\x0d\\x0d\通过下标获取第n个子标签的ID值\x0d\\x0d\1var num1=$("ul > a:eq(0)")attr("ID");\x0d\2var num2=$("ul")children("a:eq(0)")attr("ID");\x0d\3var num3=$("ul")find("a:eq(0)")attr("ID");

发现答非所问的人还不少啊

取父窗口的元素方法:$(selector, windowparentdocument);

那么你取父窗口的父窗口的元素就可以用:$(selector, windowparentparentdocument);

类似的,取其它窗口的方法大同小异

$(selector, windowtopdocument);

$(selector, windowopenerdocument);

$(selector, windowtopframes[0]document);

希望对你能有帮助

使用js或者jquery查找父元素、子元素经常遇到。可是用起来总容易混淆,这里统一总结了一下,以后用起来相信会方便好多

这里jquery向上查找父元素 用到的方法:

closest() parents() parent()

向下查找子元素

用到的方法:find() children()

js用的是 children[] 属性 !

如果是平常的数组,可以循环对比找出是哪一个:

var arr = ["a","b","c"];

$each(arr,function(idx){

if(arr[idx] == 'a'){

    consolelog(idx)//idx为数组下标

}

});

如果是jq对象,比如$('p'),用index()就可以获取

以上就是关于jquery 选择器,如何选择本子元素的父元素下的另一个子元素。全部的内容,包括:jquery 选择器,如何选择本子元素的父元素下的另一个子元素。、jquery 如何取得下标和内容、jquery怎么获取当前标签下的子标签等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址:https://54852.com/web/10155037.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存