같은 클래스를 가진 태그에 동일한 항목 넣어주기
본문
<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
다들 제이쿼리를 사용하시는군요. 순자(순수 자바스크립트) 는 아래와 같습니다.
<script>
for (i of document.querySelectorAll(".movie")) i.data-aos = "fade-down-left";
</script>
$(".move").data("aos","fade-down-left")로 추가해줄수 있습니다.
$(".movie").attr("data-aos","fade-down-left")
답변을 작성하시기 전에 로그인 해주세요.
