개발 Q&A

제목 $(this).closest('li'); 이게 이해하는게 너무 어렵네요 ㅠ,ㅠ
글쓴이 amkorjquery 작성시각 2016/02/14 18:05:25
댓글 : 6 추천 : 0 스크랩 : 0 조회수 : 15652   RSS
<div style="float:right;">
	<input type="text" id="buy_count_0" value="1"class="simpleform" onkeyup="함수.countBuy('keyup',this)" onblur="함수.countBuy('blur',this)">
	<div>
	   <a style="display:block" onclick="함수.countBuy('up',this)"><img src="/template/shop/images/arrow_up.gif"></a>  // countBuy 함수 동작을 위해 클릭한다!
	</div> 
<span>개 <span class="option_price"><span id="price_item">{=number_format(goods.price_sell)}</span>원</span></span>
</div>
 
<script type="text/javascript">
countBuy = fucntion(mode , this){ 
var li = $(this).closest('li');  // 여기서 나오는 제이쿼리 closest 뜻을 알고 싶습니다.
	var input = li.find('input');
 
	var cnt = input.val();
 
}
</script>

 

 

 

onclick을 하게되면 자바스크립트 countBuy함수에서 this을 받아올텐데요 

 

그런데 여기서 제이쿼리 closest을 이용해요 li태그 이것을 찾는 의미 인가요?

 

찾더라도 받아온 this는 a태그밖에 못가져올텐데요...

 

왜 li라고 적혀져 있는지 모르겠습니다 ㅠ,ㅠ

 

제이쿼리 closest 역활을 알기 쉽게 알고 싶네요 ㅠ,ㅠ 인터넷 뒤져봐도 이해가 안되서 이렇게

 

글로 문의 드립니다.

 

부탁드립니다 ㅠ,ㅠ$(this).closest('li'); 이게 이해하는게 너무 어렵네요 ㅠ,ㅠ

 

 

 다음글 구글맵 url 로 지도 API (1)
 이전글 아마존 AWS SignatureDoesNotMatch (3)

댓글

변종원(웅파) / 2016/02/15 11:15:07 / 추천 1
한대승(불의회상) / 2016/02/15 15:33:54 / 추천 0

@웅파 좋은 정보 감사 합니다.

@amkorjquery 덕분에 좋은 정보를 알게 되었네요. ^^

테러보이 / 2016/02/15 21:39:08 / 추천 0
간단 하게 말씀드리면 지정 엘리먼트기준으로 가장가까운 부모 엘리먼트를 찾아주는 기능입니다.

비슷한것으로는 parent()가 있지만 parent()의 경우 바로 윗부모만 찾아줍니다.

비유하자면 parent는 아빠, 엄마를 찾아주지만 closest()는 조상님을 찾아준다고 해야할까나...
테러보이 / 2016/02/15 21:44:19 / 추천 0
div.an>div.pa>div.me
와 같은 구조가 있다면

parent의 경우 div.an을 찾기 위해
$('.me').parent().parent()
이렇게찾아야지만..

closest의 경우
$('.me').closest('div.an')
이렇게 간단하게 찾습니다.

구조가 복잡해지면 closest가 직접적인 효력을 발휘합니다.


ps. 모바일이라 타이핑이 힘드네요 ㅎㅎ
/ 2016/02/17 12:47:00 / 추천 0
비슷한 명령으로 parents가 있습니다. parent는 바로 상위를 선택하지만 parents('li')하게 되면 closest와 동일한 작업을 합니다.
테러보이 / 2016/02/17 20:06:52 / 추천 0

@풉

오! 저는 오늘 처음 알았습니다.!

좋은 정보 감사합니다 ㅎㅎㅎㅎ