Edit Question - KnowledgeHub

Title Body

I may be doing something wrong, but I haven't been able to find a good way to build basic HTML/DOM structures, like lists, dynamically. Simple example would be building a table (table element, row, cells, with properly escaped text content) given input like json (objects). The problem I have is that most calls (like ".append()", ".html()", ".text()") do not seem to chain in intuitive (to me, anyway) way. For example, you can't do something like: $("#divId").append("<table>").append("<tr>").append("<td>").text("some text"); text() call seems to wipe out content at main level; and appends likewise add stuff within same scope. I would expect appennd() to return content being added, but it seems to be returning its own context. I know there is simple "appendText()" extension that helps with last part. But how about others? For what it's worth, right now I revert back to DOM, by something like $("#divId")[0].appendChild(document.createElement("table")).... but that's pretty verbose. So I am hoping I am missing something totally obvious... but what? Call other than append()? I tried browsing jQuery reference docs, googling, but most docs just use "embed all stuff in a string"; which has problems, including that of not quoting textual content properly. (also: no, this is not a dup of "JQuery: Build HTML in ‘memory’ rather than DOM"

Tags (comma-separated) Cancel