[jaskowice1]

Mam takiego div'a

``

i chcę dodać tylko do pierwszego takie div'a takie klasy

col-sm-offset-1 col-md-offset-1 col-lg-offset-1

jak to zrobić? Bo męczę się z tym już z pół godziny... addClass, toggleClass - ale jak?

#webdev #jquery

[P.....u]

@jaskowice1: $('.home-person:first').addClass( "col-sm-offset-1 col-md-offset-1 col-lg-offset-1" )

[jaskowice1]

@PanDziobaku:

$(function(){
 $( '.home-person')addClass( "col-sm-offset-1 col-md-offset-1 col-lg-offset-1" )
 });

?

[c.....l]

@jaskowice1:
``
jeśli taki elementów jest więcej i z jakiegoś powodu nie możesz mu dać unikatowego identyfikatora to:

$('.col-lg-5.col-md-5.col-sm-5.col-xs-12.home-person').first(),addClass('col-sm-offset-1 col-md-offset-1 col-lg-offset-1');

[P.....u]

@jaskowice1: jak chcesz dodac do pierwszego elementu z klasa first-person to :

$('.home-person:first').addClass( "col-sm-offset-1 col-md-offset-1 col-lg-offset-1" );

[jaskowice1]

@PanDziobaku: @cebulak_pl:

ale jak wywołać to mogę?

tak:

$(function(){
 #tutajkod
});

[P.....u]

@jaskowice1: tak też możesz ,albo:

$(document).ready(function(){
//tutaj kod
});

[jaskowice1]

@PanDziobaku: @cebulak_pl: No to żaden z Waszych sposobów nie działa :/

[P.....u]

@jaskowice1: to cos gdzies #!$%@?łeś:) Rozmawialiśmy o tym wczoraj. trudno pomóc nie widząc na czym operujesz.

[P.....u]

@jaskowice1: https://jsfiddle.net/w1u9yv1u/

Działa? Działa :D

O ile podobnie wygląda struktura twojego kodu html i nie #!$%@?łes czegos gdzieś...najlepiej nam pokaz plik html

[jaskowice1]

$('.home-person:first').addClass( "col-sm-offset-1 col-md-offset-1 col-lg-offset-1" );

@PanDziobaku: https://jsfiddle.net/w1u9yv1u/1/

ale jak się dodaje dwie klasy to nie działa...

[c.....l]

@jaskowice1:
walnąłem się. dałem przecinek przed, addClass. Miało być:

$('.col-lg-5.col-md-5.col-sm-5.col-xs-12.home-person').first().addClass('col-sm-offset-1 col-md-offset-1 col-lg-offset-1');

Możesz tak wywołać pod warunkiem, że DOM jest gotowy w momencie wykonania tego kodu. Tak więc będzie działać jeśli twój kod JS będzie przed zamknięciem a nie w .

Poczytaj o eventach. Zgodnie ze sztuką powinno być:
` $(document).on('ready', function() { // twój kod });

[P.....u]

@cebulak_pl: slepne...źle zarejestrowałem twój kod ^^

[P.....u]

@cebulak_pl: niech pokaże co tam ma, bo tak to będziemy błądzić w zaroślach. Zaraz się okaże ,że nie ma jquery ^^

[jaskowice1]

$('.col-lg-5.col-md-5.col-sm-5.col-xs-12.home-person').first(),addClass('col-sm-offset-1 col-md-offset-1 col-lg-offset-1');

@cebulak_pl: Dzięki - to działa.

 $(document).on('ready', function() { 
 $('.col-lg-5.col-md-5.col-sm-5.col-xs-12.home-person').first().addClass('col-sm-offset-1 col-md-offset-1 col-lg-offset-1');
 });

[P.....u]

@jaskowice1: nie kłam :P
https://jsfiddle.net/w1u9yv1u/2/

font 15px jest domyślny dlatego nie widzisz różnicy ^^

[Chanandler]

@jaskowice1: tak w ogóle to ten div mógłby mieć tylko klasę col-sm-5 ;)