Change color of attributes javascript

Question

I currently trying to change the color of the div when onclick the but fail , i using "postid" instead of using id and class cause it need to change the color of the div that onclick only

$(function () {
  $('.like').click(function () { likeFunction(this); });

});


function likeFunction(caller) {
  var postId = caller.parentElement.getAttribute('postid');
  $.ajax({
      type: "POST",
      url: "rate.php",
      data: 'Action=LIKE&PostID=' + postId,
      success: function () {}
  });
}

<div class="post" postid="10">
    <input type="button" class='like' value="LikeButton" /> </input>

</div>

How are you trying? I see 2 HTML elements, but no script. Can you show your attempts? — Kinglish
– Kinglish, Commented Jul 11, 2021 at 17:25
Please provide the code, what you have tried, I only see HTML. — Robert
– Robert, Commented Jul 11, 2021 at 17:25

Kinglish · Accepted Answer · 2021-07-11 17:37:14Z

1

You can reference $(this) in your likeFunction, and use a class to change the color.

$(function() {
  $('.like').click(likeFunction);
});

function likeFunction() {
  $(this).addClass('clicked')
  var postId = $(this).parent().attr('postid');
  $.ajax({
    type: "POST",
    url: "rate.php",
    data: 'Action=LIKE&PostID=' + postId,
    success: function() {}
  });
}

.clicked {
  background: #f00;
  color: #fff;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="post" postid="10">
  <input type="button" class='like' value="LikeButton" /> </input>

</div>

answered Jul 11, 2021 at 17:37

Kinglish

23.7k4 gold badges25 silver badges43 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Change color of attributes javascript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related