[소스] 선택인자 찿기 array , push, #1
2022.02.09
북마크 작성자 정보
작성일/수정일
2022-02-09 11:28:08 / 2022-02-09 11:28:08
같은 형식이 반복되는 요소에 마우스 이벤트가 발생하여 액션(요소변경, (이미지변경))을 주기 위해 반복되는 요소가 몇번쨰 인지
인덱스 값이 필요하다.
jquery 선택인자 index 찾기
li로 이루어진 리스트에 몇번째 li인지 index 찾기
//jquery
var index = $("li").index(this);
Array(배열)통해 데이터를 push하고 선택요소를 꺼내 오는 방법
var pop_imgs = [];
pop_imgs.push({ h2:"title_name", img1:"xxx1.jpg", img2:"xxxa.jpg"}); //index0
pop_imgs.push({ h2:"title_name", img1:"xxx2.jpg", img2:"xxxb.jpg"});
pop_imgs.push({ h2:"title_name", img1:"xxx3.jpg", img2:"xxxc.jpg"});
pop_imgs.push({ h2:"title_name", img1:"xxx4.jpg", img2:"xxxd.jpg"});
$("body").css("overflow","hidden");
$(".layer_event_cont").removeClass("layer_event_cont_height1");
$(".layer_event_cont").removeClass("layer_event_cont_height2");
var index = $(".btn_event").index(this);
if( index == 0){
$(".layer_event_nav").show();
}else{
$(".layer_event_nav").hide();
}
$(".layer_event_head h2").html( pop_imgs[index]["h2"] );
$(".layer_event_cont").addClass(pop_imgs[index]["img1"]);
$(".layer_event_cont").append("<img src='/"+pop_imgs[index]["img2"]+"' alt='' />");