使用jQuery查找同级元素的值

Question

我有以下HTML：

<div class="container">
  <p>Stories written by</p>
  <h1>Author 1</h1>
  <h5></h5>
</div>

我需要提取<h1>的文本，因为它是.container的div的子元素，其中第一个文本是“ Stories Writing by”。

这不起作用：

author_tags = $(".container")
console.log(author_tags.item(1))

Answer 1

仅当您希望对该类使用多个<div>时，才可以遍历那些元素以获得<h1>的值：

$('div.container h1').each(function(){
  console.log($(this).text());
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="container">
  <p>Stories written by</p>
  <h1>Author 1</h1>
  <h5></h5>
</div>
<div class="container">
  <p>Stories written by</p>
  <h1>Author 2</h1>
  <h5></h5>
</div>