Способ обновить [вставить] частичное из списка неупорядоченных в нескольких контейнерах div в jquery? - PullRequest
Новая
       20

Способ обновить [вставить] частичное из списка неупорядоченных в нескольких контейнерах div в jquery?

0 голосов
/ 19 февраля 2011

например:

с только одним контейнером div : 

<div id="container1">
  <ul>
    <li>I am not part of update </>
    <li> ID fo container 1</li>
  </ul>
</div>

и когда я добавляю новый div div , я хочу, чтобы они были: 

<div id="container1">
  <ul>
    <li>I am not part of update </>
    <li> ID of container 1</li>
    <li> ID of container 2 was added here </li>
  </ul>
</div>

<!-- container 2 should has both ID of container 1 and 2 -->
<div id="container2">
  <ul>
    <li>I am not part of update </>
    <li> ID of container 1</li>
    <li> ID of container 2 was added here </li>
  </ul>
</div>

Это означает, что когда я создаю новый container, новый созданный container ID должен быть добавлен к previous containers.

И еще одна проблема заключается в том, как обновить ID list of container при удалении container .E.g:

при удалении container1 значение ID list container должно быть обновлено до: 

<div id="container2">
  <ul>
    <li>I am not part of update </>
    <!-- ID of container 1 had been remove -->
    <li> ID of container 2 was added here </li>
  </ul>
</div>

Большое спасибо !!

1 Ответ

0 голосов
/ 19 февраля 2011

HTML-структура, которую вы хотите, выглядит примерно так: 

  <div id="container-list">
    <div id="container1" class="container">
      <ul>
        <li>I am not part of update </>
        <li class="container1"> ID fo container 1</li>
        <li class="container2"> ID fo container 2</li>
      </ul>
    </div>
    ...
  </div>

Добавление нового контейнера: 

var containerId = ... // your next id
$('container-list').append(/* your new container html code */)

// now appending a <li> to each of containers
$('<li>').addClass(containerId).text(containerId).appendTo('div.container ul')

Удаление контейнера: 

var containerId = ... // container to remove
$('#' + containerId).remove() // remove this container
$('li.' + containerId).remove() // and remove any mention about it
...