Display only daughter div with jQuery

-2

I need to attack the div comentarioPost and make only the div of the corresponding post be displayed. I have simulated some comments to test, then they will come from the bank with the other information. How do I do this with jQuery? I left the div display none in CSS and need to display when someone wants to view the comments.

In other words, I need to give display block only in the div of the respective post, it's like a social network and every post has its comments, currently I can display the div but they all become visible, I need to display only the div of the respective post. I'm displaying by PHP even using a while loop. In case I need to display only the% div of% when I click the comentarioPost link that is inside the comentarioPost tag.

This way I can display all the divs, but I wanted to display only the daughter div of the post.

$(".comentarios").click(function (event) { 
    event.preventDefault(); 
    $(".comentarioPost").css("display", "block"); 
});

Complete code:

<?php
require_once '_funControllers/postagemLinhaDoTempo.php';
require_once '_funControllers/exibePostagensLinhaDoTempo.php';
require_once '_funControllers/select-Dados-User-Logado.php';
?>
<?php do { ?>

    <div class="postagens" id="div<?php echo $exibePostagensAssoc['id_post'] ?>">
        <div class="topPostar"><img class="imgChat" src="uploads/<?php echo exibeImg($exibePostagensAssoc['id_user']) ?>"/><a href="perfil?user=<?php echo $exibePostagensAssoc['id_post'] ?>&nome=<?php echo $exibePostagensAssoc['nome_user'] ?>" title=""><?php echo "<p style='margin-top:6px;float:left;margin-left:10px;'>$exibePostagensAssoc[nome_user]</p>" ?></a>
            <div class="botaoPainel">
                <?php botaoDelete($dadosLogado['U_id'], $exibePostagensAssoc['id_user']) ?>
            </div><!--fecha a div botaoPainel-->
        </div><!--fecha a div topPostar-->
        <div class="meioPostagens">
            <div class="contornoPostagens">
                <!--Verifica se o campo nome na tabela img_postagens tem algum valor ou se é diferente de ''-->
                <?php if (isset($exibePostagensAssoc['nome']) and ( $exibePostagensAssoc['nome'] != '')) : ?> 
                    <a href="home?post=<?php echo $exibePostagensAssoc['id_post'] ?>&postagem=<?php echo imprimeComTracos($exibePostagensAssoc['mensagem_post']) ?>" title="">
                        <img class="imgPostar" src="<?php echo $exibePostagensAssoc['caminho'] . $exibePostagensAssoc['nome'] ?>"/>
                    </a>
                <?php endif; ?>
                <p style="text-align: left"><?php postagem($exibePostagensAssoc['mensagem_post']) ?></p>
            </div> <!--fecha a div contornoPostagens-->
        </div><!--fecha a div MeioPostagens-->
        <div class="rodapePostagens">
            <div class="gostei">
                <img class="imgGostei" id="imgGostei" src="_img/thumb52.png" title="" alt=""/>
                <a class="linkGostei" href="" title="">Gostei + [12<?php echo $i ?>]</a>
            </div><!--fecha a div rodapePostagens-->
            <a class="linkComentario" href="" title="">
                <div class="Comentar">Comentar</div><!--fecha a div Comentar-->
            </a>
            <a class="linkComentario" href="" title="">
                <div class="comentarios">Comentários [258]</div><!--fecha a div comentarios-->
            </a>
        </div><!--fecha a div rodapePostagens-->
        <div class="comentarioPost">
            <p class="internoComentario">Eu não gostei do assunto</p>
            <p class="internoComentario">Estou muito feliz de compartilhar meu primeiro anúncio com vocês meus amigos do site Bom Perfil.</p>
            <p class="internoComentario">Estou muito feliz de compartilhar meu primeiro anúncio com vocês meus amigos do site Bom Perfil.</p>
        </div>
    </div><!--fecha a div postagens-->

<?php } while ($exibePostagensAssoc = mysql_fetch_assoc($exibePostagens)); ?>
</br>
</br>
<a href="#buscaProfissional" class="scroll"><img src="_img/walking18.png" title="Voltar ao topo">&nbsp;Voltar ao topo</a></br>
    
asked by anonymous 07.01.2016 / 11:16

2 answers

1

I added an id to div to see if it helps.

                                 I like + [12]                                           Comment             

        <div class="comentarios" ><a id="<?php echo $exibePostagensAssoc['id_post'] ?>" class="linkComentario" href="" title="">Comentários [258]</a></div><!--fecha a div comentarios-->
        </div><!--fecha a div rodapePostagens-->
        <div class="comentarioPost" id="<?php echo $exibePostagensAssoc['id_post'] ?>">
            <p class="internoComentario">Eu não gostei do assunto</p>
            <p class="internoComentario">Estou muito feliz de compartilhar meu primeiro anúncio com vocês meus amigos do site Bom Perfil.</p>
            <p class="internoComentario">Estou muito feliz de compartilhar meu primeiro anúncio com vocês meus amigos do site Bom Perfil.</p>
        </div>
    
07.01.2016 / 12:16
1

You could assign a data-attribute to link each post to your comments. For example:

<a class="linkComentario" href="" title="">
    <div class="comentarios" data-postid="<?= $exibePostagensAssoc['id_post'] ?>">Comentários [258]</div><!--fecha a div comentarios-->
</a>
<div class="comentarioPost" data-postid="<?= $exibePostagensAssoc['id_post'] ?>">...</div>

And select the comments like this:

$(".comentarios").click(function (event) {
    event.preventDefault();
    $('.comentarioPost[data-postid="' + $(this).attr('data-postid') + '"]').css("display", "block");
});

I did not test, but I believe it works.

    
07.01.2016 / 11:48