Skip to main content
2 de 2
adicionou 2086 caracteres ao conteúdo
user avatar
user avatar

Verificar se uma Tag tem uma classe usando Typescript

Estou criando para fazer uma busca em uma tabela Bootstrap de acordo com oque o usuário seleciona em um select. Para isso eu estou colocando uma classe com o valor igual o do valor da <option> do select.

Estou usando apenas o TypeScript. SEM JQUERY.

E estou tentando fazer com um switch, mas está dando erro. Minha função está da seguinte forma:

function mudarPesquisaSelect() {
    var tr = document.getElementById('tbody').getElementsByTagName('tr');
    var valorSelect = (<HTMLInputElement>document.getElementById("grupo"));

    switch (valorSelect.value) {

        case "P":
            for (var ab = 0; ab < (tr.length - 1); ab++) {
                if (tr.classList.contains('P')) {
                    tr[ab].style.display = "";
                } else {
                    tr[ab].style.display = "none";
                }
            }
            break;

        case "A":
            for (var ab = 0; ab < (tr.length - 1); ab++) {
                if (tr.classList.contains('A')) {
                    tr[ab].style.display = "";
                } else {
                    tr[ab].style.display = "none";
                }
            }
            break;
        case "S":
            for (var ab = 0; ab < (tr.length - 1); ab++) {
                if (tr.classList.contains('S')) {
                    tr[ab].style.display = "";
                } else {
                    tr[ab].style.display = "none";
                }
            }
            break;
        case "F":
            for (var ab = 0; ab < (tr.length - 1); ab++) {
                if (tr.classList.contains('F')) {
                    tr[ab].style.display = "";
                } else {
                    tr[ab].style.display = "none";
                }
            }
            break;
        case "T":
            for (var ab = 0; ab < (tr.length - 1); ab++) {
                if (tr.classList.contains('T')) {
                    tr[ab].style.display = "";
                } else {
                    tr[ab].style.display = "none";
                }
            }
            break;
        case "O":
            for (var ab = 0; ab < (tr.length - 1); ab++) {
                if (tr.classList.contains('O')) {
                    tr[ab].style.display = "";
                } else {
                    tr[ab].style.display = "none";
                }
            }
            break;
        case "All":
            for (var ab = 0; ab < (tr.length - 1); ab++) {
                if (tr.classList.contains('All')) {
                    tr[ab].style.display = "";
                } else {
                    tr[ab].style.display = "none";
                }
            }
        break;

        default:
    }
}

Mas está dando um erro neste trecho:

if (tr.classList.contains(className)) {

No erro está escrito o seguinte:

Property 'classlist' does not exist on type 'HTMLCollectionOf < HTMLTableRowElement>'

E oque eu estou tentando fazer é verificar se a <tr> contém a classe "P", no caso. Alguém aí com mais conhecimento poderia me dar uma ajuda com opções que eu tenho para contornar este erro?

user153240