返回值:jQueryparent([selector])

选择所有父元素，即含有子元素的元素，文本节点也算是子元素。

这个选择器与 :empty 正好相反。

注意， :parent (和 :empty) 所涉及的子元素，包括文本节点！

W3C 推荐 <p> 元素应当至少包含一个子元素，即使那个子元素仅仅是一个文本节点也好。(参考 http://www.w3.org/TR/html401/struct/text.html#edef-P)。另一方面，某些元素始终被定义成空元素，比如： <input>, <img>, <br>, and <hr>。

示例:

查找含有子元素的 td 元素，包括含有文本的 td 。

<!DOCTYPE html>
<html>
<head>
<style>
  div,p { margin:10px; }
  </style>
<script src="jquery.min.js"></script>
</head>
<body>

<div>div, 
    <span>span, </span>
    <b>b </b>

  </div>
  <p>p, 
    <span>span, 
      <em>em </em>
    </span>
  </p>

  <div>div, 
    <strong>strong, 
      <span>span, </span>
      <em>em, 
        <b>b, </b>
      </em>

    </strong>
    <b>b </b>
  </div>

<script>



    $("*", document.body).each(function () {
      var parentTag = $(this).parent().get(0).tagName;
      $(this).prepend(document.createTextNode(parentTag + " > "));
    });


</script>
</body>
</html>
演示:

示例:

<!DOCTYPE html>
<html>
<head>
<script src="jquery.min.js"></script>
</head>
<body>

<div><p>Hello</p></div>

  <div class="selected"><p>Hello Again</p></div>


<script>

$("p").parent(".selected").css("background", "yellow");

</script>
</body>
</html>
演示: