jQuery динамически создает таблицу / tr / td или т. д. и добавляет атрибуты
В примере у меня есть эта структура (маленький пример):
<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>
В jQuery я бы создал его динамически, как:
var test = "<table id=" + someIDVar + ">"
+ "<tr class=" + classOneVar
+ classTwoVar + classThreeVar + ">"....
и т. д. и т. д. (много других вещей, чтобы написать). После того, как я просто добавлю это:
$(".somePlaceInHtml").append(test);
Так есть ли другой способ динамически написать такую структуру с помощью jQuery? Это проблема для меня, потому что у меня большая структура, а не такая маленькая, как в примере. Основная причина в том, что я хочу улучшить читаемость для себя и других разработчиков, которые будут поддерживать этот код.