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();
eq로 해결했습니다! 감사합니다!
답변을 작성하시기 전에 로그인 해주세요.