css class is not working in mvc4 using jquery

Question

I have a view page and in which i applied a Jquery like

<script type="text/javascript">
$(document).ready(function () {
    var hdrname = $('#headername').text();
    alert(hdrname);

    if (hdrname == "Pending Assignment") {
        $('#lst1').addClass('highlight1');
        alert("hcsgiahf");
        $('#tab2').removeClass('highlight1');
    }
    else if (hdrname == "Assigned With L1 Support") {
        alert($('#tab1').text());
        alert("hello");
        $('#tab1').removeClass('highlight1');
        $("#tab2").addClass("highlight1");
    }

    //To get No of call start

});
//To get No of call end

But when i am running my page css class highlight1 is not applied on the specified id, can any1 help me why it happens..

Run $('#tab1').removeClass('highlight1'); in the Chrome Dev tools console. Does it work then? — James Lawruk
– James Lawruk, Commented Jul 24, 2014 at 11:47
first trim your text like this var hdrname = $.trim($('#headername').text()) — Sudharsan S
– Sudharsan S, Commented Jul 24, 2014 at 11:48

Arunkumar Vasudevan · Accepted Answer · 2014-07-24 11:56:59Z

1

Try

 if (hdrname == "Pending Assignment") {
    $('#tab1').addClass('highlight1');// i think you are wrong here
    alert("hcsgiahf");
    $('#tab2').removeClass('highlight1');
}
else if (hdrname == "Assigned With L1 Support") {
    alert($('#tab1').text());
    alert("hello");
    $('#tab1').removeClass('highlight1');
    $("#tab2").addClass("highlight1");
}

Your code works here

edited Jul 24, 2014 at 11:56

answered Jul 24, 2014 at 11:51

Arunkumar Vasudevan

5,3684 gold badges30 silver badges41 bronze badges

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

Collectives™ on Stack Overflow

css class is not working in mvc4 using jquery

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