javascript - jQuery 获取特定 div 下的所有元素

Question

我想获取特定 div 下以相同 id 前缀开头的所有脚本元素。假设我有这样的 html 代码:

<div id="row-1">
    <script id="fix-1"></script>
</div>
<div id="row-2">
    <script id="fix-2"></script>
</div>
<div id="row-3">
    <script id="fix-3"></script>
</div>
<div id="row-4">
    <script id="fix-4"></script>
</div>

例如，我想获取 div 下的所有脚本元素，id 为#row-2。它应该返回 fix-3 和 fix-4。

Answer 1

您想使用 nextAll()获取元素之后的所有 sibling 。

var elems = $("#row-2").nextAll();
elems.css("background-color", "green");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<div id="row-1">
    <div id="fix-1">X</div>
</div>
<div id="row-2">
    <div id="fix-2">X</div>
</div>
<div id="row-3">
    <div id="fix-3">X</div>
</div>
<div id="row-4">
    <div id="fix-4">X</div>
</div>

因此您希望元素将其与 next 组合并查找。

$("#row-2").nextAll().find("script")