jQuery removeClass function not working

Question

My HTML code:

<div class="span-6">
    <p>
        <table id="symptomTable" class="symptomsTable hidden"><th>Selected Symptoms:</th><tr></tr></table>
    </p>
</div>

My CSS:

.hidden
{
display : none;
}

And lastly my javascript:

$('#addSymptom').click(function()
        {
            if($('#symptomToBeSearchedTitle').val()=="")
            {
                alert('You need to select a symptom.');
            }
            else if($('#dateSymptomSeen').val()=="")
            {
                alert('You need to select the date the symptom was first seen on.');
            }   
            else
            {

                //create new symptom in javascript
                var newSymptom = 
                {
                    symptomCode: $('#symptomToBeSearchedCode').val(),
                    dateSymptomFirstSeen: $('#dateSymptomSeen').val(),
                    symptomTitle: $('#symptomToBeSearchedTitle').val()
                };
                //create new object for symptom code
                symptomCodesQueryString = symptomCodesQueryString+"&symptomCode[]="+newSymptom.symptomCode;
                //pass new symptom into symptomsList array
                symptomsList.push(newSymptom);
                //increase counter
                counter++;
                //empty input
                $('#symptomToBeSearchedCode').val("");
                $('#symptomToBeSearchedTitle').val("");
                //append symptoms table
                $('#symptomTable tbody').append('<tr class="child"><td>'+newSymptom.symptomTitle+'</td></tr>');
                $('#symptomTable').removeClass("hidden");
            }
        });

My entire script works perfectly fine, EXCEPT for that final command

$('#symptomTable').removeClass("hidden");

that does not execute at all. I check the console in firebug and no errors are coming up. Can anyone help me find a way to fix this? I tried using show() too, it doesn't work either. Thank you for your time.

As Dhaval said, no need for a separate class. Just use the .show() and .hide() methods. — entropic
– entropic, Commented Jul 3, 2014 at 15:56
@DhavalMarthak and entropic, OP says he/she has tried the show method — Rob Schmuecker
– Rob Schmuecker, Commented Jul 3, 2014 at 15:57
The table structure is invalid <table><th></th><tr></tr></table> — user1850421
– user1850421, Commented Jul 3, 2014 at 15:57
$('#symptomTable tbody').append( ...You have no tbody. How then is this code working? — user1850421
– user1850421, Commented Jul 3, 2014 at 15:59

Nawed Khan · Accepted Answer · 2014-07-03 16:02:57Z

3

Please make sure you do not have more than one elements with same id. A workaround would be

 $('#symptomTable .hidden').removeClass("hidden");

answered Jul 3, 2014 at 16:02

Nawed Khan

4,3911 gold badge12 silver badges23 bronze badges

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

3 Comments

Popnoodles Over a year ago

This is a comment not an answer - there is nothing in the code given that suggests this would fix the problem.

Nawed Khan Over a year ago

I have provided a workaround also. That is the reason I posted as an answer.

Yannis P. Over a year ago

That worked thanks, but I don't have another element with that id, 100% sure, I opened the code and did a search for it. Thanks anywaay :)

Collectives™ on Stack Overflow

jQuery removeClass function not working

1 Answer 1

3 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Related