如何选择没有父节点的节点？

Question

我想采用这样的字符串：

<div>my div 1</div><p>para1</p><p>para2</p><p>para3</p><div>my div 2</div>

然后删除所有

节点。

我对此感到困难，因为我认为上面的字符串没有上下文，而 JQuery 需要一个上下文来允许选择器工作：

var p = "<div>my div 1</div><p>para1</p><p>para2</p><p>para3</p><div>my div 2</div>"
var pj = $(p)

当我在 FireBug 中运行下面的语句时，我没有返回任何元素。这是因为 'p' 变量需要包装在另一个 div 中才能工作吗？我希望能够从字符串中删除元素，即使它不是 DOM 的一部分。

$("p",pj)

Answer 1

您需要 .filter() 来搜索同一级别的元素，例如这：

$(pj).filter("p");

$("p",pj) 在幕后转换为 $(pj).find("p") ，这就是为什么它找不到任何东西，因为

元素是 pj 的后代，它们是成员。需要明确的是，jQuery 不需要将它们包含在任何内容中，这是一个后代与非后代的问题。

---

另一种方法是将它们添加到临时片段中并始终使用 .find()< /a>，像这样：

var p = "<div>my div 1</div><p>para1</p><p>para2</p><p>para3</p><div>my div 2</div>"
var pj = $('<div />').html(p);

然后 $("p",pj) 就可以了。