How to change css of control in jQuery

Question

I want to change the css of one td through jquery. Please help on this. This is not working for me $("#tdTopMenu").css({ "backgroundColor": "black", "color": "white" });

aspx code:

 <table border="0" cellspacing="0" width="100%">
    <tr>
        <td id = "tdTopMenu" runat = "server" style="width: 100%" class="hideColumn">
            <asp:Literal ID="Literal1" runat="server"></asp:Literal>
        </td>
    </tr>
</table>

Jquery code:

<script type="text/javascript">
        $(document).ready(function () {

            $("#jMenu").jMenu({
                ulWidth: '150',
                effects: {
                    effectSpeedOpen: 300,
                    effectTypeClose: 'slide'
                },
                animatedText: false
            });

            $("#tdTopMenu").css({ "backgroundColor": "black", "color": "white" });    
        });

      </script>

did u check if it has anything to do with class="hideColumn" which you have added in yoru td tag? — Nitin Agrawal
– Nitin Agrawal, Commented Aug 6, 2013 at 9:10
Thank you Nitin... its working now... In hide column i was mentioned display none... now changed that to block in jquery... its working fine — Vandana
– Vandana, Commented Aug 6, 2013 at 9:22

cbp · Accepted Answer · 2013-08-06 09:11:43Z

1

$("#<%=tdTopMenu.ClientID%>").css({ "backgroundColor": "black", "color": "white" });

ASP.NET Web Form changes the IDs when they are rendered to HTML so you need to retrieve the client-side id, rather than using the server ID.

Alternatively you can add ClientIdMode="Static" to tdTopMenu.

answered Aug 6, 2013 at 9:11

cbp

25.7k29 gold badges134 silver badges215 bronze badges

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

Comments

isxaker · Accepted Answer · 2013-08-06 09:09:54Z

1

id != tdTopMenu

delete runat = "server" on element <td> and re try

answered Aug 6, 2013 at 9:09

isxaker

9,61613 gold badges65 silver badges93 bronze badges

Comments

Kuzgun · Accepted Answer · 2013-08-06 09:10:15Z

1

Try this:

 $("#"<%=tdTopMenu.ClientID%>).css("backgroundColor","black").css("color","white");

answered Aug 6, 2013 at 9:10

Kuzgun

4,7575 gold badges37 silver badges50 bronze badges

Collectives™ on Stack Overflow

How to change css of control in jQuery

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related