Menu
lets say i have html something like this..
<ul id="leftNavigation"> <table id="leftNavTable"><tr><td>blablabla</td></tr><table> <li>1</li> <li>2</li> </ul> what i want to do is when i click on any li, then that table should get hide and another table should get appended in place of that table.lets say that table is
<table id="Selected"><tr><td>blablabla</td></tr><table> how to do it in jQuery.
i tried in this way but its adding as a last child of ul.
$('#leftNavigation').append('<table id="Selected"><tr><td>blablabla</td></tr><table>') Thanks in advance!!!!
768
To insert element as a first child using jQuery, use the prepend() method. The prepend( content ) method prepends content to the inside of every matched element.
Definition and Usage. The :first-child selector selects all elements that are the first child of their parent. Tip: Use the :last-child selector to select elements that are the last child of their parent.
$() = window. jQuery() $()/jQuery() is a selector function that selects DOM elements. Most of the time you will need to start with $() function. It is advisable to use jQuery after DOM is loaded fully.
Use .prepend() or .prependTo() instead.
Check jQuery documentation.
But based on what you're trying to accomplish you should maybe rather use DOM replacement functionality.
Adding anything else than LI inside an UL or OL is invalid HTML.
I suggest you add an additional LI, give it some ID or CSS class and then manipulate its content.
149
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
