-
제이쿼리 img 태그 찾아서 alt 값 번호매기기Web Programming 2023. 3. 22. 21:33728x90반응형
<script> $( document ).ready(function() { var imgTitle = '이미지설명'; for(var i=0; i<$(".conts").find('img').length; i++){ $(".conts").find('img:eq('+i+')').attr('alt',imgTitle+i+''); } }); </script> // 맨 마지막 사진은 alt 값 따로 줘야하는 경우 추가 <script> $( document ).ready(function() { var imgTitle = '이미지설명'; for(var i=0; i<$(".conts").find('img').length; i++){ if(i==$(".conts").find('img').length-1){ $(".conts").find('img:eq('+i+')').attr('alt','마지막alt'); }else{ $(".conts").find('img:eq('+i+')').attr('alt',imgTitle+i+''); } } }); </script>
결과 !!
클래스 conts 안에 img 태그가 3개면
img alt="이미지설명0"
img alt="이미지설명1"
img alt="마지막alt"
728x90반응형'Web Programming' 카테고리의 다른 글
자바스크립트 substring 간단 예시 (0) 2023.03.23 자바스크립트 내장함수 모음 (0) 2023.03.23 자바스크립트 키보드 자판의 아스키코드값 얻기 (2) 2023.03.19 아스키코드표란 무엇이고 왜 필요한가 (0) 2023.03.19 HTML option을 그룹으로 묶기 optiongroup (0) 2023.03.19