jquery获取子元素 jQuery获取子元素

Jquery搜索父元素操作方法

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

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

closest() parents() parent()

向下查找子元素

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

js用的是 children[] 属性 ！

jquery中怎样根据父级找元素

jquery中parent()可以获取父级元素，所以获得某元素父级的父级可以使用

$(selector).parent().parent();

示例如下

创建Html代码及css样式

class1

class2

class3

div{padding:10px 20px;border:4px solid #ebcbbe;}

div.class1{width:200px;height:120px;}

编写jquery代码

$(function(){

$("div.class3").click(function() {

obj = $(this).parent().parent();

alert(obj.prop('class'));

});

})

js或者jQuery怎样得到指定div下的指定a标签

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

1、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。

2、在index.html中的<script>标签，输入jquery代码：$('body').append($('diva').text());。

3、浏览器运行index.html页面，此时成功获取了指定div中的a标签并打印了其文本。