jquery cloning is working, for example,
$("#treeFile" > ul:first > li:first ul > *).clone().appendTo("#dummyTree");
However when attempting to send this clone to a post ajax, the file is empty...
var cloneTree = $("#treeFile" > ul:first > li:first ul > *").clone();
$.post("tree.php", cloneTree);
When viewing firebug, this http request was successful but when viewing the file on the service file system, its empty...
There are couple of things
1) Remove the extra " around #treeFile and also > * from the end only if you want everything which is inside ul
var cloneTree = $("#treeFile" > ul:first > li:first ul > *").clone(); //wrong
var cloneTree = $("#treeFile > ul:first > li:first > ul").clone(); //correct
2) You can try this in order to post data via ajax
var cloneTree = $("#treeFile > ul:first > li:first > ul").html();
JSFIDDLE : http://jsfiddle.net/5QBYW/1/
If its the HTML you need to POST, you can do:
$.post("tree.php", {html: cloneTree.html()});
Data cannot be posted to a server without parameter names. In the above code, the name of your parameter is html.
On the server side, you can access this HTML as $_POST['html']
You can pass html to the server as follows:
Note the syntax error in your code would result due to a misplaced quote:
var cloneTree = $("#treeFile > ul:first > li:first ul > *").clone();
$.post("tree.php", {html:cloneTree.html()});
Also, in case you were not aware, you do not need to clone the object to post its html. You could just send it directly:
$.post("tree.php", {html:$("#treeFile > ul:first > li:first ul > *").html()});
{post1:"whatever",post2:"whatever2"...}