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

같은 클래스를 가진 태그에 동일한 항목 넣어주기 채택완료

brocolly 2년 전 조회 2,273

<div class="movie"> 라는 태그가 여러개 있습니다.

 

 

<div class="movie">

<div class="movie">

<div class="movie">

 

 

이 태그 뒤에 aos 를 넣어 주는데,

<div class="movie" data-aos="fade-down-left"> 와 같이 각각의 태그 뒤에 효과를 주고 있습니다.

 

이게 movie 라는 클래스를 가진 모든 div에 공통으로 한방에 넣는 방법은 없을까요?

 

<div class="movie"> 가 예를 들어 100개라면 일도 일이지만 소스가 너무 지저분해지네요 ㅠ

 

jquery 나 php로 "class에 movie인 div에 모두 넣어라~" 라고 말하려면 어떻게 해야할까요

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

답변 3개

채택된 답변
+20 포인트

다들 제이쿼리를 사용하시는군요. 순자(순수 자바스크립트) 는 아래와 같습니다.

 

</p>

<p><script></p>

<p>for (i of document.querySelectorAll(".movie")) i.data-aos = "fade-down-left";</p>

<p></script></p>

<p>

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

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

세크티
2년 전

</p>

<p>$(".movie").attr("data-aos","fade-down-left")</p>

<p>

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

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

2년 전

$(".move").data("aos","fade-down-left")로 추가해줄수 있습니다.

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

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

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

로그인