Как подсчитать количество тегов p в блоке div?

Question

[magogo]

<div class="wrap">
      <p></p>
      <p></p>
      <p></p>
</div>

<div class="wrap_2">
      <p></p>
      <p></p>
</div>

Comments

[Дмитрий]

Вы определитесь на чем посчитать.

[magogo]

хотелось бы посмотреть на примеры c php и js

Answer 1

[Дмитрий]

echo preg_match_all('#<div>(<p>.*</p>)</div>#isU', $text);

Возвращаемые значения ¶
Возвращает количество найденных вхождений шаблона (которое может быть и нулем) либо FALSE, если во время выполнения возникли какие-либо ошибки.
https://www.php.net/preg_match_all

Comments

[dollar]

$text='<div><p></p><p></p></div>'; // 1

[Дмитрий]

dollar, ну это пример. Надо подбирать модификаторы, может U лишний
Вообще там наверное надо просто параграфы выделять без див

[dollar]

Не думаю.
preg_match_all ищет все совпадения шаблону, и не предполагает вложенных поисков. Так что придется разделить на два захода - сначала найти div, а потом вторым поиском все p

[Дмитрий]

dollar, да не,
(<p>.*</p>)
должно отработать

[dollar]

Ну, я в гугле набираю php online и тестирую по любой ссылке.
Ещё раз, как работает preg_match_all: он ищет совпадение и находит подстроку <div>.....</div>, и это единственное вхождение. Вот если убрать эти div и /div, оставив только <p>.*</p> с U найдет 2. А так только 1.

Answer 2

[ⓒⓢⓢ]

document.body.querySelectorAll('.wrap p').length; // 3
document.body.querySelectorAll('.wrap_2 p').length; // 2
document.body.querySelectorAll('.wrap p, .wrap_2 p').length; // 5

Comments

[magogo]

постой, надо найти все теги p которые внутри класса wrap и не в каких других.

<div class="wrap">
      <p></p>
      <p></p>
      <p></p>
      <p></p>

      <div class="not">
      	 <p></p>
      </div>

      <p></p>
      <p></p>
</div>

Твой код выведет здесь 7, а нужно 6.

[ⓒⓢⓢ]

magogo,
document.body.querySelectorAll('.wrap > p').length;

[magogo]

Спасибо)

Answer 3

[dollar]

(document.getElementsByClassName('wrap')[0].innerHTML.match(/<p[\s>]/gi)||[]).length;

Comments

[magogo]

а на php?

[dollar]

Также :)

<?php
$html = '<p><p>
<p><p>';
echo preg_match_all('/<p[\s>]/i',$html); //4
?>

[magogo]

dollar, Можно тут поконкретнее:

$string = '
<div class="wrap">
      <p></p>
      <p></p>

      <div class="not">
      	 <p></p>
      </div>

      <p></p>
</div>

<div class="wrap_2">
      <p></p>
      <p></p>
</div>';

echo preg_match_all('/<p[\s>]/i',$string);

В регулярном выражении как-то указать что нужно подсчитать теги p внутри дива класса wrap

[magogo]

Заранее спасибо)

[dollar]

Это уже сложнее. Сильно отличается от вашего изначального вопроса.

spoiler

<?php
$string = '
<div class="wrap">
      <p></p>
      <p></p>

      <div class="not">
      	 <p></p>
      </div>

      <p></p>
</div>

<div class="wrap_2">
      <p></p>
      <p></p>
</div>';

$startPos = 0; //Очередная позиция закрывающего или открывающего тега div
$deep = 0; //Глубина вложенности. Больше 0 нас не интересует.

while (true) {
    $pos1 = strpos($string, '<div', $startPos);
    $pos2 = strpos($string, '</div>', $startPos);
    $mode = $pos1===false?
        ($pos2===false?0:-1)
        :($pos2===false?1:($pos1<$pos2?1:-1));
    $startPos = $mode===1?$pos1+1:$pos2+1;
    if ($mode===0) break;
    elseif ($mode===1) {
        if($deep===0) $saveStart = $pos1;
        $deep++;
    } else { //$mode==-1
        $deep--;
        if ($deep!==0) continue;
        $div = substr($string, $saveStart, $startPos - $saveStart);
        echo 'div: ' . preg_match_all('/<p[\s>]/i',$div) . "<br>\n";
    }
}
?>

Вывод:

div: 4<br>
div: 2<br>

Answer 4

[hzzzzl]

в одном или во всех?
document.querySelectorAll('.wrap p').length
document.querySelectorAll('div p').length