jQuery在同一个父级中选择另一个具有特定类的元素

Question

假设我有这个 div

<div id='parent'>
  <button id='button'></button>
  <div id='child'>
     <div id='grandchild' class='lookAtMe'>
          Some JSON text
     </div>
  </div>
</div>

我想为#button 提供一个单击事件，该事件在#lookAtMe div 处返回文本，特定于它共享父/祖父的div（在本例中为#parent div）

我尝试使用：

 $("#button").on("click",function(){
     var ReturnedText = $(this).parent(".lookAtMe").text();
     console.log(RetrunedText);
 });

但控制台日志会重新运行（空字符串）。

我哪里做错了？请帮忙。非常感谢。

Answer 1

因为那个班级没有父母。你需要find()。

其实你需要写

 var ReturnedText = $(this).parent().find(".lookAtMe").text();

---

 $("#button").on("click",function(){
     var ReturnedText = $(this).parent().find(".lookAtMe").text();
     console.log(ReturnedText);
 });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id='parent'>
  <button id='button'></button>
  <div id='child'>
     <div id='grandchild' class='lookAtMe'>
          Some JSON text
     </div>
  </div>
</div>