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

时间:2016-12-21 18:03:20

标签: javascript jquery

我想让所有在特定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。

2 个答案:

答案 0 :(得分:5)

你想使用nextAll()来获取元素之后的所有兄弟姐妹。

&#13;
&#13;
var elems = $("#row-2").nextAll();
elems.css("background-color", "green");
&#13;
<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>
&#13;
&#13;
&#13;

所以你希望元素与next结合并找到。

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

答案 1 :(得分:3)

请你试试:

$("#row-2 ~ div").find("script")