Как исправить источник изображения в jquery

Question

Я не могу выяснить, почему этот источник изображения не работает. только последний работает нормально (например, 4: только текст).

Честно говоря, я не специалист по jquery, даже не имею понятия об этом и не могу понять, что мне следует изменить.

if (reaction == 1) {
  $("#like1post" + post + "user" + user).attr("src", "helloone.png");
  $("#like2post" + post + "user" + user).attr("src", "hellotwo.png");
  $("#like3post" + post + "user" + user).text("<img src='hellothree.png'>");
  $("#like4post" + post + "user" + user).text("Like 4");
  $("#likeCountPost" + post).text(data);

echo "<button id='like1post" . $post . "user" . $user . "' onclick='likeFunction(1, " . $post . ", " . $user . ")'>
<img src='logo/likedone.png' width='20'>
</button>";

Answer 1

<?php
$post=1;
$user=1;
echo "<button id='like1post" . $post . "user" . $user . "' onclick='likeFunction(1,".$post.",".$user.")'><img src='https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcRljWQ9H3Rtxh14io6tof4fDRgDnkU7JCQL9cLqhPGOFR3NEUGO' width='20'></button>";
?>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script type="text/javascript">
     $(document).ready(function(){   
     });
     function likeFunction(num,post,user)
     {
        $("#like1post" + post + "user" + user +" img").attr("src", "https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcQdTEzB10rZPcdhjWzjv5TWs83Y7s-iRex6VefSy8pfRNwVV09e");
     }

</script>

Я только что попробовал только с 1 вашей кнопкой ... Попробуйте это. Вы создаете изображение в кнопке .. поэтому изображение должно быть добавлено только к изображению