Jquery 检查每个<；选择>；价值观

我有一个签出项目列表和无序列表，每个列表中都有下拉列表：

<li class="item">
  <select name="item-custom>
    <option value="" selected></option>
    <option value="Red">Red</option>
    <option value="Blue">Blue</option>
  </select>
</li>
<li class="item">
  <select name="item-custom>
    <option value="" selected></option>
    <option value="Red">Red</option>
    <option value="Blue">Blue</option>
  </select>
</li>

---

似乎只有当第一个

li.item select

为空，而不是整个列表时才会出现此问题。

此页面显示了如何迭代列表项，您仍然可以使用测试确定空列表项：

使用

。each（）

：

…不如

$(this).closest("li")

请尝试：

$('.item select').each(
    function(){
        if ($(this).val() == ''){
            $(this).closest('li').append('<div class="error">Custom is required.</div>');
        }
    });

$（'.item select'）。每个(
函数（）{
if（$（this.val（）=''）{
$（this）.closest（'li'）.append（'Custom is required'）；
}
});

我建议您使用jquery验证程序插件，以避免做额外的工作。@Chad-您的问题解决了吗，还是我们误解了您的问题？

$($(this).closest('li'))

$(this).closest("li")

$('.item option:nth-child(1):selected')
               .closest('li')
               .append('<div class="error">Custom is required.</div>');

$('.item option[value=""]:selected')
    .closest('li')
    .append('<div class="error">Custom is required.</div>');

$('.item select').each(
    function(){
        if ($(this).val() == ''){
            $(this).closest('li').append('<div class="error">Custom is required.</div>');
        }
    });