Вот твой ответ, и ты уже его знаешь...
Код
//Заменяем таблицы на div
var table = $('table');
var elem = $('<div class="board_add" />');
table.find('td').each(function(){
elem.append($('<div class="board_div">'+$(this).html()+'</div>'));
});
table.replaceWith(elem);
//Присваеваем к board_div уникальный id="board_style_add"
var i=0;
$(".board_add .board_div").each(function(){
i++;
$(this).attr("id","board_style_add"+i);
});
Получается такой код
<div class="board_add">
<div class="board_div" id="board_style_add1"></div>
<div class="board_div" id="board_style_add2"></div>
<div class="board_div" id="board_style_add3"></div>
</div>