| 제목 | $(this).closest('li'); 이게 이해하는게 너무 어렵네요 ㅠ,ㅠ | ||
|---|---|---|---|
| 글쓴이 | amkorjquery | 작성시각 | 2016/02/14 18:05:25 |
|
|
|||
<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
@풉 오! 저는 오늘 처음 알았습니다.! 좋은 정보 감사합니다 ㅎㅎㅎㅎ |
참고하세요.
http://ismydream.tistory.com/94