Переместить div с таким же идентификатором

0

Хорошо, поэтому я перетащил div с одним и тем же идентификатором несколько раз в другой div, теперь я хочу переместить это вверх и вниз onclick. Есть ли способ сделать это с помощью javascript.

  • 6
    недопустимая разметка для нескольких элементов с одинаковым идентификатором на странице. Он не пройдет проверку w3c и вызовет проблемы с JavaScript, который пытается манипулировать с помощью идентификатора - как вы;
  • 0
    Каждый идентификатор должен быть уникальным на странице, поэтому они называются «идентификаторы». Если у вас есть много вещей, которые вы хотите вести себя подобным образом, обычно принято вместо этого использовать общее имя класса. Я знаю, что это не отвечает на ваш вопрос, но это очень важно. Это может быть причиной ваших трудностей при написании JavaScript, чтобы манипулировать div тоже.
Показать ещё 2 комментария
Теги:

1 ответ

2
Лучший ответ

никогда не присваивать одинаковый идентификатор другим элементам. он недействителен, идентификатор должен быть уникальным.

если вы должны иметь все из них id-ed на '1', тогда вместо этого назначьте им класс с именем '1' следующим образом:

<div class="upDownDiv" id="stage" ondrop="drop(event)" ondragover="allowDrop(event)" style="text-align: center;display: table-cell;vertical-align:middle;">
            <div class='1'>
                <button style="margin-top:20px; margin-bottom:20px;">
                    Submit
                </button>
            </div>


            <div class='1'>
                <button style="margin-top:20px; margin-bottom:20px;">
                    Submit
                </button>
            </div>

           <div class='1'>
                <button style="margin-top:20px; margin-bottom:20px;">
                    Submit
                </button>
            </div>
     </div>

для доступа ко всем разделам с классом "1" позже просто выполните

var myDivs = document.getElementsByClassName('1');

и затем повторяйте их один за другим и делайте ставки. или использовать jQuery и обрабатывать их все одновременно.

Поделиться
  • 0
    Но я использую его для перетаскивания, если я назначу класс всем им, то как перетащить его, используя имя класса?
  • 0
    используя jQuery, вы можете использовать селектор $ (". 1") (при условии, что класс css назван "1", как в ответе выше)
Показать ещё 3 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню