Pobranie jednej klasy z kilku przypisanych do DIVa

0

Witajcie.
Czy da się pobrać jedną klasę z większej ilości klas przypisanych do jednego DIV'a?
Dla przykładu:

<div class="et_pb_section et_pb_section_parallax  et_pb_section_1 et_pb_with_background et_section_regular">
</div>

Chciałbym pobrać w tym przypadku nazwę et_pb_section_1.
Da radę ogarnąć to w JS/jQuery?

PS. Nie wiem czy mogę nadać kolejnym sekcjom różne ID. Zgłębię zasadę tworzenia sekcji w modułach szablonu i dam znać ;)

0

Okej. Znalazłem, gdzie mogę dodać ID.
Pomożecie ogarnąć kod, by dodawał ID z kolejnym numerkiem automatycznie?
Cały kod - output

$output = sprintf(
			'<div%7$s id="cc" class="et_pb_section%3$s%4$s%5$s%6$s%8$s%12$s%13$s">
				%11$s
				%9$s
					%2$s
					%1$s
				%10$s
			</div> <!-- .et_pb_section -->',
			do_shortcode( et_pb_fix_shortcodes( $content ) ),
			$background_video,
			( '' !== $background_video ? ' et_pb_section_video et_pb_preload' : '' ),
			( ( 'off' !== $inner_shadow && ! ( '' !== $background_image && 'on' === $parallax && 'off' === $parallax_method ) ) ? ' et_pb_inner_shadow' : '' ),
			( 'on' === $parallax ? ' et_pb_section_parallax' : '' ),
			( 'off' !== $fullwidth ? ' et_pb_fullwidth_section' : '' ),
			( '' !== $module_id ? sprintf( ' id="%1$s"', esc_attr( $module_id ) ) : '' ),
			( '' !== $module_class ? sprintf( ' %1$s', esc_attr( $module_class ) ) : '' ),
			( 'on' === $specialty ?
				sprintf( '<div class="et_pb_row%1$s">', $gutter_class )
				: '' ),
			( 'on' === $specialty ? '</div> <!-- .et_pb_row -->' : '' ),
			( '' !== $background_image && 'on' === $parallax
				? sprintf(
					'<div class="et_parallax_bg%2$s%3$s" style="background-image: url(%1$s);"></div>',
					esc_attr( $background_image ),
					( 'off' === $parallax_method ? ' et_pb_parallax_css' : '' ),
					( ( 'off' !== $inner_shadow && 'off' === $parallax_method ) ? ' et_pb_inner_shadow' : '' )
				)
				: ''
			),
			( 'on' === $specialty ? ' et_section_specialty' : ' et_section_regular' ),
			( 'on' === $transparent_background ? ' et_section_transparent' : '' )
		);

A może lepiej i łatwiej wyciągnąć tą klasę?
Pomóżcie znaleźć rozwiązanie :)

Edit:
Lepsze i mniej pracochłonne rozwiązanie byłoby z odczytem konkretnej klasy. Dodanie tego ID skutkowałoby przebudową kilku funkcji..

0

W czystym js listę klas danego elementu możesz pobrać chociażby w taki sposób:
https://jsbin.com/qijiyeducu/2/edit?html,js,console,output

0

Dzięki** Tumeg**, o coś takiego chodziło.
Wiem już jak pobierać.
Tylko teraz taka kwestia, że podobnych DIV'ów jak ten, którego podałem mam kilka. Co wtedy? Różnią się zazwyczaj właśnie tą nazwą: et_pb_section_numer
Jak to zrobić, że po przejechaniu na następną sekcję podświetla się menu - odnośnik do tejże sekcji?

1 użytkowników online, w tym zalogowanych: 0, gości: 1