JSFiddle - React, Tailwind, and code Playground

HTML

<div class="main">
    1111111111111111
    <a href="#" class="chatlink">link1<img src="#" /></a>
    2222222222222
    <a href="#" class="chatlink">link2<img src="#" /></a>
    333333333333333333
    <a href="#" class="postlink">link3</a>
    44444444444444
</div>

<div class="main">
    55555555555555
    <a href="#" class="chatlink">link4<img src="#" /></a>
    66666666666666666
    <a href="#" class="chatlink">link5<img src="#" /></a>
    777777777777777
    <a href="#" class="postlink">link6</a>
    88888888888888
</div>

<input type="button" id="btnClick" value="filter"/>

JavaScript

$("#btnClick").click(function(){
    $("div.main").each(function(){
        var currentDiv = $(this);
        var myLinks = $("a.chatlink", currentDiv);
        currentDiv.html(myLinks);
    })
   });
    
/*    no variables
    
    $("#btnClick").click(function(){
    $("div.main").each(function(){
        $(this).html($("a.chatlink", $(this)));
    })
  });
    
*/