jquery에서 class 명이 같은 div 클릭 시 input value 가져오기

jquery에서 class 명이 같은 div 클릭 시 input value 가져오기

QA

jquery에서 class 명이 같은 div 클릭 시 input value 가져오기

본문

class 명이 같은 div 를 클릭 할 때 클릭한 div속 input value를 가져오고 싶은데

div를 각 각 클릭해도 첫번째 div인 value 1 만 가져오게 됩니다.

div class명과 input의 name이 같아야 하는데 어떻게 처리를 해야할까요?


<div class="li_wr"><input type="hidden" name="od_1" value="1"></div>
<div class="li_wr"><input type="hidden" name="od_1" value="2"></div>
<div class="li_wr"><input type="hidden" name="od_1" value="3"></div>
<div class="li_wr"><input type="hidden" name="od_1" value="4"></div>

<script>
$(document).ready(function(){
$('.li_wr').click(function(){
    $('select').children('option:not(:first)').remove();
    var ivalue = $('input[name=od_1]').val();
    $("#s_gb").append("<option value='option6'>"+ivalue+"</option>");
});
});
</script>

 

[요약]

div가 ㅁㅁㅁㅁ로 수직정렬 되어있고,

첫번째 div를 누르면 옵션에 1, 두번째 div를 누르면 2가 나와야 하는데

아무 div를 눌러도 value값은 1에 고정이 되어있습니다.

이 질문에 댓글 쓰기 :

답변 1

var ivalue = $('input[name=od_1]').val();

=>

var ivalue = $(this).children("input").val();

답변을 작성하시기 전에 로그인 해주세요.
전체 1,020
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT