jQuery：尝试遍历选择选项值

Question

I'm trying to iterate through some select options using jQuery. In doing so, I'm trying to make sure that each of those has a selected option. From those selected options, I want to travel up the DOM tree to the closest <tr> element and travel back down the DOM tree to find the <span> element of that row and change the style of a checkmark to represent the completion of that <select> form element.

On the <select> dropdown, I have an empty value as the default. So I'd like to make sure there is something >= 0 selected.

I'm still fairly new to jQuery and coding in general so I'm afraid there is something missing that I haven't learned yet.

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

});

Answer 1

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