테스트 사이트 - 개발 중인 베타 버전입니다

제이쿼리에 클래스 추가하고 싶은데 질문이 있습니다. 채택완료

시로님 8년 전 조회 2,714

단순 제이쿼리에 클래스를 추가하려면

 

$(this).addClass('thumb_on');

 

이런식으로 하는걸로 알고 있는데

 

이렇게 상위 클래스가 2개가 있다보니 어떻게 해야할지 모르겠습니다.

 

thumbnail 클래스 아래에 thumb라는 클래스가 있고 그 아래에 또 클래스를 추가하려고 합니다..

 

var base = $('.base');

base.addClass('base_text');

 

이렇게 하면 

 

base 클래스 아래에 base_text라는 클래스를 추가한다고 하는데

 

클래스가 상위에 하나 더 있다보니

 

.. 어떻게 해야하는지 알고 싶습니다.

 

클래스 클래스 아래에 클래스를 추가하려면 어떤식으로 작성하여야하나요.


 

 

댓글을 작성하려면 로그인이 필요합니다.

답변 4개

채택된 답변
+20 포인트

var base = $('.base'); 

로그 찍어보시면

base는 여러개로 나옵니다. 

따라서 반복문으로 


$('.base').each(function(index) {

  $(base[index]).addClass('base_text');

});


이런식으로 처리되어야 할거 같습니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

시로님
8년 전
답변해주셔서 감사합니다. 말씀해주신대로 써보았더니,

이렇게 뜬다는것은 ... 무엇때문이지요;

그 위에 thumbnail 이라는 클래스는 따로 지정하지 않아도 되는건가요..?

댓글을 작성하려면 로그인이 필요합니다.

어디에 클래스를 추가한다는 말씀이신지요?

a 태그에 class를 추가한다는 건가요? 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

시로님
8년 전
음.. 나중에 사진을 클릭하면 테두리가 나오게 할거라서

class 넣는 위치는 상관없는걸로 생각하고 있어서..

a태그에 넣으려고 생각중이었습니다.

댓글을 작성하려면 로그인이 필요합니다.

8년 전


 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

쌔깜디블랙죠
8년 전
thumb를 위에 변수로 생성 하셔야 합니다
var thumb = $(".thumb"); 먼저 입력해보세요

댓글을 작성하려면 로그인이 필요합니다.

jQuery는 CSS 선택자 스타일을 사용하기에 간단히 추가하려는 요소를 선택자로 선택하시면 됩니다.

 

$('.thumb > a').addClass('thumb_on');

 

혹은,

 

$('.thumbnail > .thumb > a').addClass('thumb_on');

 

와 같은 형태가 되겠죠.

 

다만, 성능 최적화를 위해서라도 적은 클래스명을 기입하는게 추천됩니다.

 

상호작용을 위한 형태나 반복문등에서는 find 혹은 filter도 자주 사용되니 검색해보셔요.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

시로님
8년 전
아아 !! 답변감사합니다ㅠㅜㅜ

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인