Jquery 无法获取上述div中的文本

在下面的代码段中，每当单击

Edit

按钮时，我都想获取

文本以获取
：

<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>

但都不管用。因此，感谢您的帮助。
您并不是根据HTML遍历DOM。请尝试以下方法：


$（文档）.ready（函数（）{
$（“.edit”）。单击（函数（）{
让postText=$（this）.closest（.row.treply”）.prev（'br'）.prev（'.row'）.find（'div.pbody>p'）.text（）；
log（“postText为：”，postText）；
});
});

要抓取的文本



你好

.pbody
不是
.edit
@Taplar对，我编辑了这个问题。可能类似于
$（this）。parent（）.parent（）.find（'.pbody'）[0]。children（'p'）.text（）？非常糟糕，但理想情况下，您应该在p标记中添加一个id或class。
$(document).ready(function () {
  $(".edit").click(function () {
    let postText = $(this).closest(".pbody").children("p").text();
     console.log("postText is:", postText);
  });
});