Question

如何在页面的第一个h1标记后获取文字？在页面上，h1标签后面会有一些文字。该文本可以是HTML列表或简单的纯文本。

所以我想得到一些文本，可以是两个句子，或者我们可以在页面的第一个H1标签之后通过字符计数器进行限制，如果没有文本则会得到H1标签文本。

我将如何使用jQuery执行此操作？

我目前的HTML是：

<div class="main_content">
  <h1>H1 tag text</h1>
  <div class="other_text">
    This is <b>some</b> text.
  </div>
</div>

在这种情况下，我需要This is some text。

或者它也可能如下所示：

<div class="main_content">
  <h1>H1 tag text</h1>
  <ul>
    <li>first element</li>
    <li>second element</li>
  </ul>
</div>

在这种情况下，我需要前两个li的内容。

Answer 1

我想在这种情况下你可以做的是使用.next()和.text()。所以，让我们尝试两种情况。

$(function () {
  console.log($("h1").next().text());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="main_content">
  <h1>H1 tag text</h1>
  <div class="other_text">
    This is <b>some</b> text.
  </div>
</div>

对于下一个案例，让我们尝试使用相同的代码：

$(function () {
  console.log($("h1").next().text());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="main_content">
  <h1>H1 tag text</h1>
  <ul>
    <li>first element</li>
    <li>second element</li>
  </ul>
</div>

希望这有帮助并且有效！ :)

在页面的第一个h1标记之后获取一些文本

1 个答案: