jquery - 找到第一个选择了第一个值的选择？

Question

我有许多选择下拉列表，所有的第一个值都是空的(即“”)。选择值为“”的第一个选择的最佳方法是什么？我一直在尝试类似的事情

$j("[id*='user'] option[value='']").first().prop("selected", true);

但这就是设置它而不是寻找匹配的。

(所有 id 都以“user”开头；我需要找到第一个具有空值的用户选择...)

Answer 1

既然你想要select元素，你可以尝试.has()

$j("[id*='user']").has('option[value=""]:selected').first()

尝试

$("[id*='user']").has('option[value=""]:selected').first().css({
    "color": 'red',
    "border-color": 'green'
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<select id="user-1">
  <option value="">Select</option>
  <option selected="selected">1</option>
</select>
<select id="user-2">
  <option value="">Select</option>
  <option selected="selected">1</option>
</select>
<select id="user-3">
  <option value="">Select</option>
  <option>1</option>
</select>
<select id="user-4">
  <option value="">Select</option>
  <option>1</option>
</select>
<select id="user-5">
  <option value="">Select</option>
  <option selected="selected">1</option>
</select>