Question

我目前正在研究jQuery API，特别是:parent选择器。

这是我的html和jQuery代码。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="ISO-8859-1">
    <title>Insert title here</title>
  </head>
  <body>
    <p id="empty-element"><p>
    <p id="with-space"> </p>
    <p id="with-text">hello</p>
    <script type="text/javascript" src="../jquery-3.2.1.js"></script>
    <script type="text/javascript">
        var $pElementWhoAreThemselvesParentElement = jQuery('p:parent');
    </script>
  </body>
</html>

我的理解是p:parent选择所有p元素，这些元素本身就是父元素

我希望返回p元素id="with-space和id="with-text"，但是，从下面的屏幕截图中可以看出，还有额外的p元素由选择器p:parent

返回

我在想，为什么会这样？我做错了什么或者我对:parent选择器的理解不正确？

Answer 1

这是因为您未正确关闭第一个p代码。

<p id="empty-element"><p>

缺少结束标记，这会在p中创建新的DOM元素。

jQuery，p：父选择器返回了太多元素

1 个答案: