Как вытащить первый span или тег с названием канала?

Question

[Александр Андропов]

Доброго времени суток друзья. Подскажите пожалуйста, пытаюсь из этого:

<div class="large-media-item-info cbox" no-channel-avatar="false"><div class="large-media-item-metadata"><a href="/watch?v=RhrNb1mXlkQ"><h3 class="">Motorcycle Crashes #2 | Motorbike</h3><div class="" aria-hidden="true"><ytm-badge-and-byline-renderer><span class="ytm-badge-and-byline-item-byline small-text" dir="auto" aria-hidden="true">Channel MotorBike</span></ytm-badge-and-byline-renderer><ytm-badge-and-byline-renderer><span class="ytm-badge-and-byline-item-badge"><ytm-badge-supported-renderer><ytm-metadata-badge-renderer><ytm-badge class="metadata-badge soft-background" data-type="BADGE_STYLE_TYPE_SIMPLE">New</ytm-badge></ytm-metadata-badge-renderer></ytm-badge-supported-renderer></span><span class="ytm-badge-and-byline-item-byline small-text" dir="auto" aria-hidden="true">166 views</span><span class="ytm-badge-and-byline-item-badge"></span></ytm-badge-and-byline-renderer></div></a></div><ytm-menu-renderer class="large-media-item-menu"><ytm-menu><button class="icon-button " aria-label="Action menu" aria-haspopup="true"><c3-icon><svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24" viewBox="0 0 24 24" width="24"><path d="M12,16.5c0.83,0,1.5,0.67,1.5,1.5s-0.67,1.5-1.5,1.5s-1.5-0.67-1.5-1.5S11.17,16.5,12,16.5z M10.5,12 c0,0.83,0.67,1.5,1.5,1.5s1.5-0.67,1.5-1.5s-0.67-1.5-1.5-1.5S10.5,11.17,10.5,12z M10.5,6c0,0.83,0.67,1.5,1.5,1.5 s1.5-0.67,1.5-1.5S12.83,4.5,12,4.5S10.5,5.17,10.5,6z"></path></svg></c3-icon></button></ytm-menu></ytm-menu-renderer></div>

Вытащить тег span

<span class="ytm-badge-and-byline-item-byline small-text" dir="auto" aria-hidden="true">Channel MotorBike</span>

Делаю так

<span[^>]*class="[^"]*ytm-badge-and-byline-item-byline[^"]*"[^>]*[^<]*<\/span>

Но получаю 2 span'a, а мне нужен только первый. Как мне получить только первый span?
Или даже лучше, как получить весь тег span, где присутствует название канала Channel MotorBike ?

Делаю вот тут https://regex101.com/r/hRi0qq/1

Заранее большое спасибо!

Answer 1

[Konfy]

Как мне получить только первый span?

Достаточно выключить флаг g у регулярного выражения

Comments

[Александр Андропов]

А как это в коде обозначить? В Javascript?

[dodo512]

Александр Андропов, если это JS, то для работы с html нужны не регулярки, а querySelector

.querySelector('span[class*="ytm-badge-and-byline-item-byline"]')