javascript - 需要获取空的 Dropdown ID

Question

我有一个网络表单和下拉框。我们可以克隆下拉菜单并创建更多。我的问题是需要知道其中任何一个都是空的。我的每个下拉列表 ID 都以“abcd”开头。 例如

<select id='abcd_1'></select>
<select id='abcd_3'></select>
<select id='abcd_10'></select>
<select id='abcd_5'></select>

我试过下面的代码但没有成功

$( "input[id^='abcd']" ).val();

Answer 1

尝试使用:empty选择器过滤出所需的元素，

var emptySelects = $( "select[id^='abcd']" ).filter(function(){ 
 return $(this).is(':empty'); 
});

或者简单地说，

var emptySelects = $("select[id^='abcd']:empty");

如果你想遍历它，只需使用 .each()

emptySelects.each(function(){
  console.log(this.id);
});