3

Aqui lista todos os registros que ao clicar em editar abre um modal com valor da descrição.

<?php foreach ($beneficios as $v): ?>
                        <tr>
                            <td><?= $v->id; ?></td>
                            <td class='descricao'><?= $v->descricao; ?></td>
                            <td class="actions actions-fade">
                                <a data-toggle="modal" id="<?= $v->id; ?>" class="beneficio" data-target="#<?= $v->id; ?>"><i class="fa fa-pencil"></i></a>
                                <a href="javascript:void(0);" id="<?= $v->id; ?>" class="delete-row deletar-beneficio"><i class="fa fa-trash-o"></i></a>
                            </td>
                        </tr>

Como eu faço para alterar o conteúdo da td que tem a classe descricao? Colocando nela o mesmo conteúdo que o ajax está recebendo, veja:

function alterarBeneficio(dados) {
    $.ajax({
        url: path + 'administrador/alterarBeneficio',
        type: 'POST',
        data: {'dados': dados},
        success: function (response) {
            if (parseInt(response) === 1) {

                // Preciso colocar uma função aqui que altere o conteudo da TD, colocando o conteudo que foi passado na variavel dados, é possivel?

                $(".alterado").show(500);
                setTimeout(function () {
                    $(".alterado").fadeOut(1000);
                }, 3000);
            } else {
                console.log('ocorreu um erro!');
            }
        },
        error: function (erro, er) {
            console.log(erro, er);
        }
    });
}

1 Resposta 1

3

Você pode usar dois métodos em jQuery:

.text
$('td.descricao').text('aqui vai o conteudo text');

.html
$('td.descricao').html('<p>Aqui vai seu <strong>HTML</strong></p>');

$(document).ready(function(){
debugger;
  $('td.descricao').text('aqui vai o conteudo text');
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<table>
  <tr>
    <td class="descricao">oi</td>
    <td>TOOOOOO</td>
  </tr>
</table>

8
  • Eu coloquei esse código $('td .descricao').text('Testandooooo'); porém não altera nenhum conteúdo ao dar sucesso :/ 31/03/2017 às 14:49
  • @ViniciusAquino desculpe, coloquei o selector separado, na verdade é junto td.descricao ao inves de td .descricao - atualizei a resposta
    – andrepaulo
    31/03/2017 às 14:56
  • Agora foi, porém ele altera o conteudo de todas as td, como eu posso fazer com que altere apenas a td que o cara selecionou? 31/03/2017 às 15:16
  • coloca o codigo todo, onde voce dispara esse evento? por um button? onde esse button fica no html
    – andrepaulo
    31/03/2017 às 15:18
  • Eu disparo o evento no submit que fica dentro de um modal, coloquei todo o código aqui: jsfiddle.net/etn8dpnz 31/03/2017 às 15:24

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .