jquery查找父元素、子元素(个人经验总结)

以下是详细讲解“jQuery查找父元素、子元素”的攻略：

查找父元素

要查找一个元素的父元素，jQuery提供了parent()方法。示例代码如下：

// 找到class为child的父元素
$('.child').parent()

// 找到第一个class为child的父元素
$('.child').first().parent()

// 找到class为child并且是div元素的父元素
$('.child').closest('div')

• parent()：找到一个元素的直接父级。
• first()：获取匹配元素集合中第一个元素。
• closest()：从元素本身开始向上查找，获取匹配选择器的第一个祖先元素。

查找子元素

要查找一个元素的子元素，jQuery提供了children()方法。示例代码如下：

// 获取class为parent的所有子元素
$('.parent').children()

// 获取class为parent的第一个子元素
$('.parent').children().first()

// 获取class为parent的所有直接子元素中class为child的元素
$('.parent').children('.child')

• children()：获取当前元素下的所有子元素。
• first()：获取匹配元素集合中第一个元素。
• children(selector)：在当前元素下查找所有符合选择器的子元素。

综上所述，通过使用parent()和children()方法，我们可以轻松地查找元素的父元素和子元素。