Как добавить класс актива к первым блокам через js а не html?

Question

[diana-staputov]

Изначально код такой

<div class="tabs" id="tabs">
      <div class="tabs__content active"> </div>
      <div class="tabs__content">
      </div>
      <div class="tabs__content">
      </div>
      <ul class="tabs__caption">
         <li class="active"></li>
         <li></li>
        <li></li>
      </ul>
   </div>

но я хочу не прописывать вручную у первых блоков класс "active"
Что в скрипт дописать?

$(function() {
$('ul.tabs__caption').on('click', 'li:not(.active)', function() {
$(this).addClass('active').siblings().removeClass('active').closest('div.tabs').find('div.tabs__content').removeClass('active').eq($(this).index()).addClass('active')
})
});

Answer 1

[Islam Ibakaev]

как вариант можно добавить это

$("ul.tabs__caption > li").first().trigger('click');

Answer 2

[ThunderCat]

htmlbook.ru/css/first-child

Comments

[diana-staputov]

мне нужно добавить класс active через js, а не свойство css к первому прописать ,

Answer 3

[diana-staputov]

$(".tabs__content:first-child").addClass("active")
$(".tabs__caption li:first-child").addClass("active")

Answer 4

[Егор Живагин]

Вот конкретно в этом примере лучше первому ещё в html класс прописать, а не в JS

Comments

[diana-staputov]

не если б мне такой вариант подошел бы, я б не просила переделать его, но я уже нашла решение, спасибо)

[Егор Живагин]

diana-staputov, я к тому, что клиенты с медленным интернетом / отключённым JS / старыми браузерами рискуют не увидеть ничего вообще, если блоку задаётся active через JS . Обычно эти подходы комбинируют.

А вы не с Краснодарской веб-студии случайно?

[diana-staputov]

Егор Живагин, с краснодарской, что то не так?)

[diana-staputov]

Егор Живагин, если у нас в вк 2 общих друга, то это немного странно))

[Егор Живагин]

diana-staputov, да не, просто тогда общих знакомых много )) В дом на путевой когда-то давно ходил

[diana-staputov]

Егор Живагин, даа.., кто там только не был)