Javascript 为阵列显示添加/删除类-sonarqube

我正在使用sonarqube分析代码，在以下函数中遇到错误：

$(function () {
     $("#SSNCollection input[type=text]").keydown(function (evt) {

         var IsNullEmptyText = "true";
         var ssntxtArrayText = [];
         var txtLength = 0;
         $("#SSNCollection input[type=text]").each(function () {
             var _tempValues = $(this).val().toString().replace(/[-]/g, '').trim();
             if (!isNaN(this.value.toString().replace(/[-]/g, '').trim())) {
                        var _temptxtlength = this.value.toString().replace(/[-]/g, '').trim().length;

                        ssntxtArrayText.push(_tempValues);
                    }
                });
                $.each(ssntxtArrayText, function (index, value) {
                    if (value.length >= 0) {
                        $('#resultValidation').css({
                            'display': 'none',
                        });
                        return false;
                    } else {
                        $("#resultValidation").removeAttr("style");
                    }

                });
            });
        });

问题从

if（value.length>=0）{

开始。由于数组长度始终为>=0，因此

if

和以下

else

是不必要的。 因此，我将声明改为

$.each(ssntxtArrayText, function (index, value) {
       $('#resultValidation').css({
              'display': 'none',
       });
       return false;
});

我现在的问题是，有人告诉我应该使用

addClass（'hidden'）

和

removeClass（'hidden'）

毕竟我可能需要else语句。但我不确定在这种情况下如何利用它们。有什么想法吗？谢谢！

隐藏的类通常包含在CSS框架中，例如Bootstrap。如果您没有使用Bootstrap（或您不确定），只需将以下CSS添加到您的项目CSS文件中即可

.hidden { display:none!important; }

或内联html版本

<style>.hidden { display:none!important; }</style>

注意：如果您正在检查有效的社会保险号码，我建议确保该值的长度为9个字符。这样做：

如果（value.length==9）{

使用

切换类（'hidden'）

-这将从元素中添加或删除类

hidden

，所有这些都在

$中（ssntxtArrayText，函数（index，value）{let t=（value.length>=0）；$（'resultValidation'）。toggleClass（'hidden'，t）；return！t；}）；

if(ssntxtArrayText.length > 0) {
    $.each(ssntxtArrayText, function (index, value) {
        if (value.length >= 0) {
            $('#resultValidation').addClass('hidden'); //hide
            return false;
        } else {
            $("#resultValidation").removeClass('hidden'); //unhide
        }
    });
}