如何只影响第一个下一个特定的 div

Question

<div class='images'></div>
<div class='toload'></div>
<div class='sky'></div>
<select class="select01">
    <option value="winners_02/2015.php">2015 - DOPS 6</option>
    <option value="winners_02/2014.php">2014 - DOPS 5</option>
    <option value="winners_02/2013.php">2013 - DOPS 4</option>
</select>

<div class='images'></div>
<div class='sea'></div>
<div class='toload'></div>  // target

JS

$('.select01').change(function(){
    var a = $(this).val();
    //something like: next().first(`toload`).load(a);
});

我在每个select01之前和之后都有各种情况。
更改 select01 我只需要影响名为 toload 的第一个下一个 div。
在上面的例子中，它被标记为target。

Answer 1

您可以使用nextAll() 并只匹配第一个：

$(this).nextAll('.toload').first().load(a);

或如果没有其他（在您的特定情况下不喜欢）.toLoad 特定点击的兄弟.select01，然后使用：

$(this).siblings('.toload').load(a);