How to change content inside the div with Ajax / Jquery?

3

Here you list all the records that when you click edit opens a modal with a description value.

<?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>

How do I change the contents of the td that has the description class? Putting it the same content that ajax is receiving, see:

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);
        }
    });
}
    
asked by anonymous 31.03.2017 / 16:31

1 answer

3

You can use two methods in 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><tdclass="descricao">oi</td>
    <td>TOOOOOO</td>
  </tr>
</table>
    
31.03.2017 / 16:43