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) {  });

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

Answer 2

我建议用div标签包装警告图像，并在那里对图像标签进行计数。

例如，

<div id="cautions">
    <img src="caution.png" />
</div>

在js

if($('#cautions img').length) != 0)
    // insert image

jQuery看看下一个元素（不是兄弟）是否存在

2 个答案: