쇼핑몰 상품선택 부분의 옵션을 만들고있습니다
수량을 카운트 할때 자신의 부모요소를 parentElement 로 가져오고 그 중에서 title 값을 가져와야하는데 어떻게 값을 가져와야할지 잘 모르겠습니다 검색을 해도 저랑은 다른방식이라... ㅜㅜ js를 모르고 덤비니까 꽤힘든것같네요ㅎ...
<div id="pre_set" style="display:none">
<p id="title"></p>
수량<input id="count" name="count" type="number" value="0" onchange="count_up(this)">
가격<p id="price"></p>
<input class="button alert" type="button" value="삭제" onclick="remove_item(this)">
</div>
function count_up(inputObj)
{
var tagName = inputObj.parentElement;
tagName = tagName.parentNode;
console.log(tagName);
console.log(tagName.id);
}
<div id="pre_set">
<p class="title">라면</p>
수량<input id="count" name="count" type="number" value="0" onchange="count_up(this)">
가격<p id="price"></p>
<input class="button alert" type="button" value="삭제" onclick="remove_item(this)">
</div>
<script>
function count_up(o){
var parent = o.parentNode;
var titleNode = parent.getElementsByClassName("title")[0];
console.log("Node", titleNode);
console.log("Value", titleNode.innerHTML);
}
</script>
이런걸 원하시는건가요? 기존 count_up 함수의 의미를 모르겠습니다;;