trigger click event when has class jquery

Question

I want to trigger a function when has an specific class, in this case Clicked so I want to return the alert (unliked)

HTML

<div class="social">
<div class="LikePost default"></div>
</div>

JQUERY

$(".social").find(".LikePost").trigger("click"); /*when has class "clicked"*/
alert("unliked")

TRIGGERED FUNCTION

$('.LikePost').on('click', function() {
  if ($(this).hasClass("default")) {
    $(this).addClass("Clicked");
    $(this).removeClass("default");
    alert("post liked");
  } else {
    $(this).addClass("default");
    $(this).removeClass("Clicked");
    alert("post unliked");
  }
});

$(".clicked").trigger("click") ?

user1636522
– user1636522

2018-03-20 20:17:37 +00:00
Commented Mar 20, 2018 at 20:17 — user1636522
– user1636522, Commented Mar 20, 2018 at 20:17
small, quick and awesome!!

joe
– joe

2018-03-20 20:20:22 +00:00
Commented Mar 20, 2018 at 20:20 — joe
– joe, Commented Mar 20, 2018 at 20:20

score 2 · Accepted Answer · 2018-03-20 20:31:36Z

2

Alright x-D

$(".Clicked").trigger("click")

edited Mar 20, 2018 at 20:31

answered Mar 20, 2018 at 20:20

user1636522

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

Comments

Dionei Miodutzki · Accepted Answer · 2018-03-20 20:27:13Z

1

You can rewrite your trigger like this:

$('.LikePost').on('click', function(){

// just invert classes state
$(this).toggleClass("default");
$(this).toggleClass("Clicked");

// if is default, its liked, if not, its not liked
if($(this).hasClass("default")) {
    alert("post liked");
} else {
    alert("post unliked");
}
});

And if you want to manually trigger all liked posts, just do it:

$('.Clicked').trigger('click');

edited Mar 20, 2018 at 20:27

answered Mar 20, 2018 at 20:23

Dionei Miodutzki

6577 silver badges16 bronze badges

4 Comments

joe Over a year ago

Awesome arrangement. but does toggleClass deletes the prior class and adds the new one? or just add both classes to the element and uses the selected between parenthesis?

Dionei Miodutzki Over a year ago

toggle will add if it's not there, and remove if it's there so the first time you click it, it will remove default and add Clicked, next time will add default and remove Clicked and so on

joe Over a year ago

that would be the same? $(this).toggleClass("default, Clicked");

Dionei Miodutzki Over a year ago

almost, you can do it this way: $(this).toggleClass("default Clicked");

Collectives™ on Stack Overflow

trigger click event when has class jquery

2 Answers 2

Comments

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related