javascript - 如何使用 jQuery 选择某个元素的所有子级(任何级别)和父级

Question

我有一个元素 #xxx 并且我必须选择该元素的所有子元素(任何级别)和所有父元素。我不想选择元素本身。

到目前为止，我一直在使用这个 jquery 代码，但我很确定必须有一种方法可以使它更有效(可能使用 addBack):

$("#xxx").find("*").add($("#xxx").parents())

您是否建议任何其他不使用 add() 的替代方案，因为我认为此选择器效率不高，因为它会再次在内部查询 #xxx。我认为使用 addBack() 会更好，因为它不会导致再次搜索元素 #xxx。

Answer 1

第一次回答，如果这不是正确的做法，请告诉我。

但这不是对您原始问题的直接回答，而是对您在评论中提到的问题的回答:

If I remove this selector and replace it with a simpler thing the scroll gets very smooth.

由于您要重用选择器引用，也许您可​​以将选择器 $('#xxx') 存储为变量。由于初始查找是选择器中最重的部分。

const $xxx = $('#xxx');
$xxx.find("*").add($xxx.parents())

Performance of jQuery selectors vs local variables