Question

我正在尝试使用jQuery迭代一些选择选项。在这样做时，我正在尝试确保其中each个selected选项。从那些selected选项中，我想要将DOM树向上移动到closest <tr>元素，然后沿着DOM树向下移动到find <span>元素该行并更改复选标记的样式以表示该<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');
});

jQuery：尝试迭代选择选项值

1 个答案: