динамически используя упорядоченные списки HTML - PullRequest
Новая
       19

динамически используя упорядоченные списки HTML

0 голосов
/ 15 июля 2011

Я использую Jquery и HTML для создания сетки с упорядоченным списком в графическом интерфейсе.Пользователь может динамически редактировать HTML-контент в каждой из ячеек сетки.У меня два вопроса:

  1. Если с каждым из элементов li связан .html, который пользователь может редактировать, как я могу выполнить итерацию по всем liэлементы для получения текущего значения .html?Желательно без необходимости называть каждый элемент по отдельности ....

  2. Я хочу сделать сетку настраиваемой пользователем.Т.е. если пользователь введет в него то, что он хочет 2 rows и 2 cols, сетка появится 2x2.Как я могу динамически редактировать, как HTML отображается в графическом интерфейсе?Если пользователю нужна сетка 10х10, нужно ли создавать 100 li элементов или как лучше?

Вот мой код упорядоченного списка.Прямо сейчас есть 12 клеток.Спасибо! 

<ol id="selectable">
    <li class="ui-state-default">1</li>
    <li class="ui-state-default">2</li>
    <li class="ui-state-default">3</li>
    <li class="ui-state-default">4</li>
    <li class="ui-state-default">5</li>
    <li class="ui-state-default">6</li>
    <li class="ui-state-default">7</li>
    <li class="ui-state-default">8</li>
    <li class="ui-state-default">9</li>
    <li class="ui-state-default">10</li>
    <li class="ui-state-default">11</li>
    <li class="ui-state-default">12</li>
</ol>

1 Ответ

0 голосов
/ 16 июля 2011

  1. вы можете использовать .map(), чтобы получить все innerHTML из списка элементов. Следующий код даст вам список innerHTML каждого li и соединит их запятой.

    $('#selectable li').map(function(v) { return $(this).html() }).get().join(', ');

  2. Я почти уверен, что методы манипуляции jQuery помогут вам вставить / удалить элементы. Сколько ячеек в сетке действительно зависит от вашей программы; Вы могли бы даже позволить им вставить 1000 клеток. Почему нет?

...