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

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

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

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

Copy
<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>

Copy
<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개

채택된 답변
+20 포인트

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

=>

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

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

답변에 대한 댓글 1개

eq로 해결했습니다! 감사합니다!

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

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

로그인
🐛 버그신고