javascript - 我应该如何从js中的多个跨度中获取 'This is my name '？

Question

 <div id='item1'>
    <span>This is my name</span>
    <span> This is my nickname</span>

需要JS代码来获取特定的span

Answer 1

您可以使用:

document.getElementById("item1").children[0];

获取您的 div 的第一个子元素(即第一个 span)，然后在此节点上使用 .textContent 获取“This is my name”

请参阅下面的工作示例:

const firstChild = document.getElementById("item1").children[0];
console.log(firstChild.textContent);

<div id='item1'>
  <span>This is my name</span>
  <span> This is my nickname</span>
</div>

或者，如果您想使用 jQuery:

const firstChild = $("#item1").children().eq(0);
console.log($(firstChild).text());

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id='item1'>
  <span>This is my name</span>
  <span> This is my nickname</span>
</div>