Javascript ACF字段选择字段添加类如果=

我在下面创建了这段代码（可以正常工作）：正如您所看到的，它有点笨重，我为每个模块（x8）进行了复制和粘贴。最有效的方法是什么？因为我觉得这不是最好的做法

<script type ="text/javascript">
(function($){
$(function() {

function addServiceStatusClass1(e){
if($('#MultiStream').text() != 'No Issues'){
    $('#ServiceStatus').addClass('Error');
    $('#ServiceTitle').addClass('Blocki');
 }else{
    $('#ServiceStatus').removeClass('Error');
    $('#ServiceTitle').removeClass('Blocki');
 }
}

$('#acf-field_5bf80363f0c0f').ready(addServiceStatusClass1);
$('#acf-field_5bf80363f0c0f').change(addServiceStatusClass1);

});
})( jQuery );
</script>

<script type ="text/javascript">
(function($){
$(function() {

function addServiceStatusClass2(e){
if($('#MobiStream').text() != 'Running 100%'){
    $('#ServiceStatus2').addClass('Error');
 }else{
    $('#ServiceStatus2').removeClass('Error');
 }
  }

 $('#acf-field_5c93c1061a218').ready(addServiceStatusClass2);
 $('#acf-field_5c93c1061a218').change(addServiceStatusClass2);

 });
})( jQuery );
</script>

（函数（$）{
$（函数（）{
函数addServiceStatusClass1（e）{
如果（$（“#多流”）.text（）！=“无问题”）{
$（'#ServiceStatus'）.addClass（'Error'）；
$（'#ServiceTitle'）.addClass（'Blocki'）；
}否则{
$（“#ServiceStatus”）.removeClass（'Error'）；
$（“#ServiceTitle”）.removeClass（'Blocki'）；
}
}
$（#acf-field5BF80363F0C0F'）。就绪（addServiceStatusClass1）；
$（#acf-field5BF80363F0C0F'）。更改（addServiceStatusClass1）；
});
})（jQuery）；
（函数（$）{
$（函数（）{
函数addServiceStatusClass2（e）{
if（$（'#MobiStream'）.text（）！='Running 100%'）{
$（'#ServiceStatus2'）.addClass（'Error'）；
}否则{
$（“#ServiceStatus2”）.removeClass（'Error'）；
}
}
$（“#acf-field_5c93c1061a218”）.ready（addServiceStatusClass2）；
$（#acf-field_5c93c1061a218'）。更改（addServiceStatusClass2）；
});
})（jQuery）；

Javascript不是java。您应该创建一个包含元素ID和相关验证/行为规则的配置对象。然后迭代这个对象。你有Foo/Bar格式的例子吗？