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()来获取元素之后的所有兄弟.

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")