In einem Beispiel habe ich diese Struktur (kleines Beispiel):

<table id=example>
<tr class="blah test example"><td>Test1</td><td><a href="url">LINK</a>Test11</td></tr>
<tr class="blah test example"><td>Test2</td><td><a href="url">LINK</a>Test22</td></tr>
<tr class="blah test example"><td>Test3</td><td><a href="url">LINK</a>Test33</td></tr>
</table>

In jQuery würde ich es dynamisch wie folgt erstellen:

var test = "<table id=" + someIDVar + ">"
           + "<tr class=" + classOneVar 
+ classTwoVar + classThreeVar + ">"....

und etc etc ... (viele andere Sachen zum Schreiben). Nachdem ich es einfach angehängt habe:

$(".somePlaceInHtml").append(test);

Gibt es eine andere Möglichkeit, eine solche Struktur mit jQuery dynamisch zu schreiben? Das ist ein Problem für mich, weil ich eine große Struktur habe, nicht so klein wie ich im Beispiel gezeigt habe. Der Hauptgrund ist, dass ich für mich und andere Entwickler, die diesen Code pflegen, eine bessere Lesbarkeit erhalten möchte.