选择不同深度的元素，Jquery

Question

我在一个页面上有多个表单，我需要选择其中一个中的所有标签。有些在表单 (p, div...) 的子元素中。

最好的方法是什么？

var $labels = $('#subForm label'); // want all labels at different depths
var values = {};
$labels.each(function() {
    values[this.name] = $(this).text();
});
console.log(values);

Answer 1

您所拥有的 (var $labels = $('#subForm label');) 有效。

但更好/更快的方法是var $labels = $('#subForm').find('label');。

这是因为第一种方法首先搜索 DOM 中的所有标签，然后测试它们是否是具有该 id 的元素的后代，但第二种方法查找具有该 id 的元素，然后在其中查找标签它的后代。