jQuery:尝试迭代选择选项值

jQuery: Trying to iterate through select options values

本文关键字：选择 选项 迭代 jQuery      更新时间：2023-09-26

我正在尝试使用jQuery迭代一些选择选项。在这样做的过程中，我试图确保其中的each具有selected选项。从这些selected选项中，我想沿着DOM树向上移动到closest <tr>元素，然后沿着DOM树向下移动到该行的<span>元素find，并更改复选标记的样式以表示该<select>表单元素的完成。

在<select>下拉列表中，我有一个空值作为默认值。所以我想确保有>= 0的选择。

我对jQuery和编码还很陌生，所以我担心还缺少一些我还没有学到的东西。

application.js

$('#selectId > option').each(function() {
  var formValue = $(this);
  if ( formValue.is(':selected') && formValue.val() >= 0 ) {
  formValue.closest('tr').find('span').removeClass('incomplete').addClass('complete');
  }
});

application.js

$('form select option:selected[value!=""]').each(function(index, element) {      
   var span = $(element).closest('tr').find('td:first span');
   $(span).removeClass('incomplete').addClass('complete');
});
相关文章：