Skip to main content
adicionou 2086 caracteres ao conteúdo
Fonte Link
user153240
user153240
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:
    }
}
if (tr.classList.contains('P'className)) {
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;

        default:
    }
}
if (tr.classList.contains('P')) {
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:
    }
}
if (tr.classList.contains(className)) {
Fonte Link
user153240
user153240

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;

        default:
    }
}

Mas está dando um erro neste trecho:

if (tr.classList.contains('P')) {

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?