问无法抓取上述div中的文本

EN

<div class="row">
    <div class="col-xs-12">
      <div class="pbody">
        <p>Text to grab</p>
      </div>
    </div>
  </div>
  <br>
  <div class="row treply">
    <div class="col-xs-1">
      <p>Hi there</p>
    </div>
    <div class="col-xs-1">
      <a class="quote btn" href="#">reply</a>
    </div>

    <div class="col-xs-1">
      <a class="edit btn" href="#">Edit</a>
    </div>
  </div>

$(document).ready(function () {
  $(".edit").click(function () {
    let postText = $(this).closest(".pbody").children("p").text();
     console.log("postText is:", postText);
  });
});