simple world Ответов: 2

Получить количество тегов div в HTML файле


Привет.
Поэтому в основном то, над чем я работаю, - это проект, в котором пользователь может загружать изображения из админ-панели.
Путь к этим изображениям сохраняется в базе данных, а само изображение сохраняется в папке с именем images.
В каком-то другом файле я вызываю таблицу, содержащую путь к изображениям, и отображаю эти изображения с помощью цикла.
Цикл создает div для каждых 3(это число может измениться не важно) отображаемых изображений.
Что я хочу, так это изменить это число, если количество тегов div равно 4 divs.

Как я могу этого достичь?

Как я могу получить количество тегов div в html-файле, а затем передать это число php для некоторых других вычислений?
Помните, что все это должно быть сделано в одном файле.
Пример:

<div>
<img>
<img>
<img>
</div>

<div>
<img>
<img>
<img>
</div>

<div>
<img>
<img>
<img>
</div>

<div>
<img>
<img>
<img>
</div>


Что я уже пробовал:

Now that i have 4 div tags i want to change the number of images displayed to something different.

2 Ответов

Рейтинг:
10

simple world

Я нашел решение своей проблемы, которое было связано с тем, как шаблоны css отображали изображения.
Я был построен с помощью свойства flex вместо bootstrap, но я понял это.
Спасибо Вам за помощь.


Рейтинг:
0

raddevus

Будет ли он работать на стороне клиента?
Если это так, то вы можете использовать jQuery, чтобы сделать это очень легко.

$('div').length
я дам вам счет дивов.

Чтобы увидеть его в действии прямо здесь, вы можете:
1. Pres F12 (откройте консоль веб-браузера в большинстве браузеров)
2. скопируйте строку кода выше.
3. Вставьте в консоль браузера
4. нажмите <enter>

Я получаю 195 за эту страницу (CP).

Вот снимок того, что я вижу в выводе консоли:
https://i.stack.imgur.com/poGrV.png[^]

Чистый JavaScript
Если вы не хотите использовать jQuery или он недоступен вы можете использовать чистый JS код:
document.getElementsByTagName('div').length


Опять же, вы можете проверить это здесь, в окне консоли вашего браузера.


simple world

Спасибо за ответ, но как я могу взять этот номер и передать его php?
Собственно, это и есть моя главная проблема.

raddevus

Отправьте его в виде переменной querystring, а затем извлеките.
создайте свой URL-адрес, который вы будете отправлять:
www.yourthing.com/thing/?divCount=195

<?php
echo $_GET['divCount']; //вывод: 195
?>



Ваш следующий вопрос будет: как я могу опубликовать URL-адрес?
Проверьте это - > https://stackoverflow.com/questions/5647461/how-do-i-send-a-post-request-with-php

simple world

Но есть одна проблема.
Я хочу, чтобы все это было сделано на одной странице.
Я обновлю свой вопрос, чтобы вы могли лучше понять.