Question

让我说我有这个div

a ~ [b]

我想给#button一个on click事件，该事件返回#lookAtMe div的文本，特定于它共享父/祖父母的div（在这种情况下，＃parent div）

我尝试使用：

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

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

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

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>

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

1 个答案: