jQuery：selectオプションの値を反復しようとしています

Question

jQueryを使用していくつかの選択オプションを反復しようとしています。その際、私はeachにselectedオプションがあることを確認しようとしています。それらのselectedオプションから、closest<tr>要素にDOMツリーを移動し、その行の <span>要素にDOMツリーを戻して、その<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'); 
    } 

}); 

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