Jquery отображение изображений и загружать их на другой странице

Question

https://www.dropbox.com/s/gapx8gshb5ygbmp/Screenshot%202014-02-03%2009.30.09.png

Я добавил ColorPicker, в iconpicker и значок в этой таблице вы можете увидеть.

HTML, одного значка выглядит следующим образом:

<tr id="tr_group530" class="row_b"> 
    <td style="with:auto;"> 
    <div class="iconennew" style=" background-color:#000000; background-size: 15px 15px"/> 
    <img src="http://cdn.tribalwars.nl/8.18/19348/graphic/unit/unit_ram.png?2003e" class="changetheicon" style="background-size: 15px 15px; background-color: rgb(255, 153, 0)"/> 
    </td></tr> 

То, что я хочу сделать, это магазин каждый значок на каждую группу (группа 01. Off, например) (так цвет фона с классом iconennew и изображение с классом changetheicon (или я мог бы дать TD классу и сделать это так, это тоже хорошо) в LocalStorage, чтобы затем добавить их на другую страницу.

Чтобы получить имя группы, мне просто нужно использовать следующие:

$("#group_table").find('td[id*="show_group"]').each(function(){ 

$(this).text(); 
// Here I could get every image (td) as well 


}) 

Теперь мой вопрос, что было бы лучшим способом сохранить HTML для каждого имени группы, а затем добавить правильное изображение перед каждой группой на этой странице:

https://www.dropbox.com/s/yj9wpul2hrxtw57/Screenshot%202014-02-03%2009.39.54.png

С HTML:

<div id="paged_view_content"> 
<div class="vis_item" align="center"> 
<a href="/game.php?village=11180&mode=combined&group=530&screen=overview_villages" class="group_tooltip">[01. Off]</a> 
<a href="/game.php?village=11180&mode=combined&group=3681&screen=overview_villages" class="group_tooltip">[02. Sp/Zc_F]</a> 
    <a href="/game.php?village=11180&mode=combined&group=3683&screen=overview_villages" class="group_tooltip">[03. Sp/ZC_S]</a> 
    </div></div> 

Если что-то неясно или вы предпочитаете html в скрипке, пожалуйста, дайте мне знать.

Спасибо

Answer 1

В вашем случае вы можете использовать $(this).contents() вместо $(this).text()