De acordo com o conte\u00fado de cada linha de uma tabela html podemos modificar as propriedades dos elementos usando jQuery.<\/p>\n\n\n\n
No exemplo abaixo temos uma tabela onde atribu\u00edmos os valores a serem observados nos campos data dentro da tag <tr>.<\/p>\n\n\n\n
<form action=\"<?= $acao_aplicar ?>\" method=\"post\" id=\"form1\">\n <input type=\"hidden\" name=\"id_requisicao\" value=\"<?= $requisicao->id ?> \">\n <table class=\"table table-sm small table-striped\" id=\"itensTable\">\n <thead>\n <tr>\n <th>Item<\/th>\n <th>Produto<\/th>\n <th>Descri\u00e7\u00e3o<\/th>\n <th>Unidade<\/th>\n <th class=\"text-end\">Qt. Calculada<\/th>\n <th class=\"text-end\">Saldo<\/th>\n <th width=\"140px\" class=\"text-end\">Qt. Solicitada<\/th>\n <\/tr>\n <\/thead>\n\n <tbody>\n <?php foreach ($itens as $row): ?>\n <tr class=\"align-middle\" data-produto-ativo=\"<?= $row->produto_ativo ?>\"\n data-quantidade=\"<?= $row->qt_solicitada ?>\">\n <!-- item -->\n <td>\n <?= $row->item ?>\n <\/td>\n <!-- produto -->\n <td>\n <?= $row->produto_codigo ?>\n <\/td>\n <!-- descricao -->\n <td>\n <?= $row->produto_descricao ?>\n <\/td>\n <!-- unidade -->\n <td>\n <?= $row->produto_unidade ?>\n <\/td>\n <!-- quantidade calculada -->\n <td class=\"text-end\">\n <?= number_format($row->qt_calculada, 3, ',', '.') ?>\n <\/td>\n <!-- saldo -->\n <td class=\"text-end\">\n <?= number_format($row->saldo, 3, ',', '.') ?>\n <\/td>\n <!-- quantidade solicitada -->\n <td>\n <input type=\"hidden\" name=\"id[]\" value=\"<?= $row->id ?>\">\n <input type=\"number\" style=\"text-align:right\" class=\"form-control form-control-sm\"\n name=\"qt_solicitada[]\" value=\"<?= $row->qt_solicitada ?>\" required>\n <\/td>\n <\/tr>\n <?php endforeach ?>\n <\/tbody>\n\n <\/table>\n<\/form><\/code><\/pre>\n\n\n\nEm seguida, o c\u00f3digo jQuery faz as altera\u00e7\u00f5es nos elementos.<\/p>\n\n\n\n
<script>\n $(document).ready(function () {\n $('#itensTable tbody tr').each(function () {\n var produto_ativo = $(this).data('produto-ativo');\n var quantidade = $(this).data('quantidade');\n if (produto_ativo === 'f') {\n $(this).find('td').addClass('text-danger');\n $(this).find('input').prop('disabled', true);\n $(this).find('input').prop('required', false);\n }\n if (quantidade == 0) {\n $(this).find('td').addClass('text-secondary');\n $(this).find('input').prop('disabled', true);\n $(this).find('input').prop('required', false);\n }\n });\n });\n<\/script><\/code><\/pre>\n\n\n\nDica: nunca<\/strong> utilize underscore<\/strong> nos nomes dos campos data<\/strong> (ex: data-produto_inativo).<\/p>\n","protected":false},"excerpt":{"rendered":"De acordo com o conte\u00fado de cada linha de uma tabela html podemos modificar as propriedades dos elementos usando jQuery. No exemplo abaixo temos uma tabela onde atribu\u00edmos os valores a serem observados nos campos data dentro da tag <tr>. Em seguida, o c\u00f3digo jQuery faz as altera\u00e7\u00f5es nos elementos. Dica: nunca utilize underscore nos … Continue lendo “Atualizando estado da linha da tabela com jQuery”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[30],"tags":[34],"class_list":["post-119","post","type-post","status-publish","format-standard","hentry","category-developer","tag-jquery"],"_links":{"self":[{"href":"https:\/\/rdconsolo.com.br\/index.php?rest_route=\/wp\/v2\/posts\/119","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rdconsolo.com.br\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rdconsolo.com.br\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rdconsolo.com.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rdconsolo.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=119"}],"version-history":[{"count":3,"href":"https:\/\/rdconsolo.com.br\/index.php?rest_route=\/wp\/v2\/posts\/119\/revisions"}],"predecessor-version":[{"id":137,"href":"https:\/\/rdconsolo.com.br\/index.php?rest_route=\/wp\/v2\/posts\/119\/revisions\/137"}],"wp:attachment":[{"href":"https:\/\/rdconsolo.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=119"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rdconsolo.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=119"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rdconsolo.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=119"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}