如何获取子div的innerText答案

【问题标题】：How to get innerText of child div如何获取子div的innerText
【发布时间】：2023-01-21 00:50:07
【问题描述】：

<span class="info">
    <span> Child 1 </span>
</span>
<span class="info">
    <span> Child 2 </span>
</span>

$('#result').on('click', 'span', function() {
var search = $(this).children(".info").val();

我想访问写在被点击元素的子元素内的文本。它不适用于上面写的 .val 函数，因为没有值。我怎样才能用 innertext 功能做到这一点？

如果单击顶部跨度，则搜索变量的值应为 Child 1，如果单击底部跨度，其值应为 Child 2。

谢谢你。

【问题讨论】：

给定的代码中没有result元素

标签： javascript html innerhtml innertext getvalue

【解决方案1】：

使用.text()。

$('#result').on('click', 'span.info', function() {
  let search = $(this).find('span').text();
  console.log(search);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="result">
  <span class="info">
    <span> Child 1 </span>
  </span>
  <span class="info">
    <span> Child 2 </span>
  </span>
</div>

【讨论】：