Change html element class using JQuery has no effect

Question

Actually i'm trying to change a class with jquery to a bootstrap badge item. The item's are generated dynamically so on click of the table item i add to a variable the id of the anchor.

Then i've made 4 functions for each item of popover that you can see on the screen

Each of the popover anchors as CHIUSO RISOLTO etc. should change the main anchor class of the table item.

Actually i was trying to use something like this to change the class

function Risolt() {
    $("#idticket").removeClass();
    $('#idticket').addClass('badge badge-success');
}

I think the problem is on setting the id as onClick of table items i've set the following function

var idticket
function setId(id) {
    idticket = id
}

what class you want to remove put it as parameter of removeClass() — guradio
– guradio, Commented Feb 4, 2019 at 8:25
@MaheerAli actually i think the problem is the id as if i set the id manually it's works, added the code where i assign the id to the variable — NiceToMytyuk
– NiceToMytyuk, Commented Feb 4, 2019 at 8:30
@JohnKarry can you add whole code its confusing. please add html with id so i can give you exact solution — Jigar
– Jigar, Commented Feb 4, 2019 at 8:31
@jigarhalani solved i just had to concatenate the idticket and don't use it like text — NiceToMytyuk
– NiceToMytyuk, Commented Feb 4, 2019 at 8:33

NiceToMytyuk · Accepted Answer · 2019-02-04 08:33:03Z

1

SOLVED:

As i was setting of table item click the id to a variable the #idticket simply doesn't exist i just had to concatenate the variable in jquery and not add that as text.

Thank's all for helping.

answered Feb 4, 2019 at 8:33

NiceToMytyuk

4,49710 gold badges57 silver badges134 bronze badges

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

2 Comments

Rory McCrossan Over a year ago

That description of the problem makes very little sense given the lack of context in the question. However as it sounds like it was a typographical error unique to your code I'd suggest simply deleting this question as it's unlikely to help any future visitors.

NiceToMytyuk Over a year ago

@RoryMcCrossan actually i'm unable to delete it cause of other answers

Rory McCrossan · Accepted Answer · 2019-02-04 08:29:52Z

0

At first you should replace $("#idticket").removeClass(); to $("#idticket").removeAttr('class');, then add any class you want.

edited Feb 4, 2019 at 8:29

Rory McCrossan

338k41 gold badges321 silver badges353 bronze badges

answered Feb 4, 2019 at 8:26

Mahmoud Abdeen

1129 bronze badges

1 Comment

Rory McCrossan Over a year ago

Calling removeClass() without arguments is the correct way to remove all classes on an element. removeAttr() is not required, nor is it good practice in this case.

Emanuele Leoni · Accepted Answer · 2019-02-04 08:34:04Z

0

You can use toggleClass jQuery to switch classes

$('#idticket').toggleClass("oldClass newClass");

answered Feb 4, 2019 at 8:34

Emanuele Leoni

1982 silver badges13 bronze badges

Collectives™ on Stack Overflow

Change html element class using JQuery has no effect

3 Answers 3

2 Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related