这是查询元素及其子元素的最佳方法吗？

Question

我正在尝试查询元素及其子元素，以查找以特定字符串开头的ID。

var foundIDs = containerElement.find('[id^=something]').andSelf().filter('id^=something');

find()方法仅搜索后代，所以我想尝试andSelf() 。 但是， andSelf()没有选择器。 这意味着无论容器元素是否与查找查询匹配，都将包括该容器元素，然后，如果容器元素毕竟不匹配，我必须对其执行辅助filter()来删除该容器元素。

我试图把andSelf()的前 find() ，但它似乎没有容器元素拿起入堆栈。

containerElement.andSelf().find('[id^=something]');

有什么更好的方法可以实现我的目标吗？

Answer 1

刚刚离开我的头顶（未经测试）：

var foundIDs = containerElement
                     .filter('id^=something')
                     .add(containerElement.find('id^=something'));

这并没有比您的初衷更加有效，但是我认为它稍微干净了一点。

Answer 2

containerElement.find('*').andSelf().filter('[id^=something]');

Answer 3

我知道您已经接受了答案，但是无论如何我都会把这个扔掉。

var foundIDs = containerElement.wrap('<div>')             // Wrap
                               .parent()                  // Traverse up
                               .find('[id^=something]');  // Perform find

containerElement.unwrap();  // DOM is untouched

因为您在功能完成之前就展开了containerElement包装，所以DOM保持不变（以防您想知道）。

我用livequery插件验证了它，它从未检测到新的div 。

如果您记录了foundID的ID（或其他值），您将看到顶层是您的containerElement（假设它符合.find()条件）。

console.log( foundIDs.attr('id') );  // Log the ID of the root element.

---

编辑：

关于测试，我对只有两个嵌套元素的containerElement在两个版本上执行了1,000次迭代循环。

我仅在Mac上的Safari中进行过测试。

可接受的答案快了大约7倍。

如果添加100个嵌套元素，则差距缩小到不到2倍。

这是麻烦。 如果containerElement不匹配，则两个版本均返回0个元素。 我不确定为什么会这样。

Answer 4

这个性能比我的其他答案更好，但是您失去了接受的答案所提供的链接能力。

    // Do a typical find.
var found = containerElement.find('[class^=something]');

    // Test the containerElement directly,
    //    and push it into the 'found' object if it matches.
if( containerElement.is('[class^=something]') ) found.push(containerElement);