JavaScript 中的 (this).find

在 JavaScript 中，可以使用 (this).find 方法在一个元素的子元素中搜索符合条件的元素。通过 (this).find 方法，可以在当前元素的子元素中进行深度优先搜索，在指定的子元素中查找匹配的元素。

语法

$(this).find(selector)

• this：需要搜索的父元素，该元素必须是 jQuery 对象。
• selector：用于指定需要查找的子元素的选择器，可以是任何合法的选择器。

示例

下面的示例展示了如何使用 (this).find 方法查找指定类名的元素：

$("button").click(function(){
  $(this).find(".test").css("background-color", "yellow");
});

在这个例子中，当按钮被点击时，使用 $(this).find(".test") 在按钮的子元素中查找了所有类名为 "test" 的元素，并将它们的背景色设置为黄色。

注意事项

• 如果需要在当前文档中查找元素，则可以使用全局的 jQuery 对象 $，也可以使用当前文档的 document 对象。

• 如果需要在当前元素的兄弟节点中寻找元素，可以使用 (this).siblings 方法。

• 如果需要在整个文档中寻找元素，可以使用全局的选择器 $，或使用当前文档的 document 对象。

总结

使用 (this).find 方法可以方便地在当前元素的子元素中搜索匹配的元素，是 jQuery 中非常实用的方法之一。需要注意的是，在使用 (this).find 方法时，需要将当前元素作为 jQuery 对象传入，否则会导致搜索失败。