时间戳

首页 > 解决方案 > 使用 jquery 检索具有相同类的两个 div 之间的 Html 数据

html - 使用 jquery 检索具有相同类的两个 div 之间的 Html 数据

问题描述

我如何在具有相同类但没有像这里这样的子级的两个 div 之间检索 HTML 数据：

<div class="scene"> EXT.PARK.DAY </div>
<div class="action"> He is walking fast.</div>
<div class="character">JOHN</div>
<div class="dialog">I have to hurry!</div>
<div class="scene">INT.WAITING ROOM.DAY</div>

例如，检索 div 与场景类之间的所有内容的查询结果将是检索所有这些：

<div class="action"> He is walking fast.</div>
<div class="character">JOHN</div>
<div class="dialog">I have to hurry!</div>

怎么能用 Jquery 得到这些元素？

标签： htmljquerycss

解决方案

你可以使用 jQuery 的nextUntil()

$(".scene")
  .nextUntil(".scene")
  .css("background-color", "red");
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js" integrity="sha512-bLT0Qm9VnAYZDflyKcBaQ2gg0hSYNQrJ8RilYldYQ1FxQYoCLtUjuuRuZo+fjqhx/qtq/1itJ0C2ejDxltZVFg==" crossorigin="anonymous"></script>

<div class="scene"> EXT.PARK.DAY </div>
<div class="action"> He is walking fast.</div>
<div class="character">JOHN</div>
<div class="dialog">I have to hurry!</div>
<div class="scene">INT.WAITING ROOM.DAY</div>

推荐阅读