javascript - jQuery 查看下一个元素(非兄弟元素)是否存在

Question

这是我的 HTML 代码:

<select class="grid_3 required jobData valid" id="clli" name="clli" style="font-size: 10px; border: none;">
<option value="0">Select One...</option>
    <option value="905"></option>
    <option value="931">0</option>
    <option value="1">ABRDMSES</option>
</select>
<img alt="This data has been changed!" title="This data has been changed!" src="images/caution.png">
<img alt="This data has been changed!" title="This data has been changed!" src="images/caution.png">
<img alt="This data has been changed!" title="This data has been changed!" src="images/caution.png">
<select class="grid_3 required jobData" id="job_status" name="job_status" style="font-size: 10px; border: none;">
<option value="0">Select One...</option>
</select>

当发生 $('.jobData').change(); 时，我会在其旁边添加一个警告图像，以警告用户有更改得救了。但是，如果他们对同一元素进行多次更改，我首先想查看那里是否已有警告图像，然后再发送新图像。关于如何确定下一个(但不是 $.next())元素的任何理论/方法？

Answer 1

您可以使用$().one仅触发一次处理程序。这样您就不需要检查它。

$('select').one('change', function(e) {  });

如果选择器的结果集中有多个选择，则每个选择都会应用一个，并且一旦您需要在每次选择后显示图像，它就非常适合这里。