아마 이런 경우 경험을 했을것이라 생각해요.
<ul class="ul">
<li>1</li>
<li>2</li>
</ul>
이런 경우가 있을 경우 li 1번과 li 2번에 대한 순번을 알고 싶을 경우요
$(".ul li").click(funciton(){
$(".ul li").each(function(i){
$(this).data("index", i);
});
if( $(this).data("index") == 0 ){alert( "1번 li");}
if( $(this).data("index") == 1 ){alert( "2번 li");}
});
위와 같이 하면 같은 선상에 있는 엘리먼트에 순번을 알 수 있어요.
댓글 2개
FlashMaestro
11년 전
$(".ul li").index($(this)) 를 쓰시면 처음 루프를 돌지 않아도 index를 확인하실 수 있습니다.
이 방법은 어떠신가요?
작성자님의 방법을 쓰면 클릭할 때마다 each를 돌려야 하니까 조금 오버헤드가 생길 것 같아요.
이 방법은 어떠신가요?
작성자님의 방법을 쓰면 클릭할 때마다 each를 돌려야 하니까 조금 오버헤드가 생길 것 같아요.
잘살아보자
11년 전
아.. 좋은 방법이네요 감사합니다.
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 5830 | 13년 전 | 1190 | ||
| 5829 | 13년 전 | 5058 | ||
| 5828 | 13년 전 | 6441 | ||
| 5827 | 13년 전 | 1217 | ||
| 5826 |
|
13년 전 | 544 | |
| 5825 | 13년 전 | 901 | ||
| 5824 |
|
13년 전 | 1886 | |
| 5823 | 13년 전 | 5624 | ||
| 5822 |
jfascas
|
13년 전 | 1058 | |
| 5821 | 13년 전 | 1706 | ||
| 5820 | 13년 전 | 1320 | ||
| 5819 |
itlang
|
13년 전 | 514 | |
| 5818 | 13년 전 | 1313 | ||
| 5817 | 13년 전 | 786 | ||
| 5816 | 13년 전 | 626 | ||
| 5815 | 13년 전 | 6139 | ||
| 5814 | 13년 전 | 864 | ||
| 5813 |
악마의유혹
|
13년 전 | 463 | |
| 5812 | 13년 전 | 2812 | ||
| 5811 | 13년 전 | 1186 | ||
| 5810 | 13년 전 | 3536 | ||
| 5809 | 13년 전 | 1359 | ||
| 5808 | 13년 전 | 1069 | ||
| 5807 | 13년 전 | 580 | ||
| 5806 | 13년 전 | 562 | ||
| 5805 |
angrysol
|
13년 전 | 823 | |
| 5804 | 13년 전 | 1013 | ||
| 5803 | 13년 전 | 1744 | ||
| 5802 |
angrysol
|
13년 전 | 1069 | |
| 5801 |
후라보노보노
|
13년 전 | 2158 | |
| 5800 | 13년 전 | 1116 | ||
| 5799 |
|
13년 전 | 4200 | |
| 5798 |
|
13년 전 | 3370 | |
| 5797 |
|
13년 전 | 4940 | |
| 5796 | 13년 전 | 7552 | ||
| 5795 | 13년 전 | 2778 | ||
| 5794 | 13년 전 | 2233 | ||
| 5793 |
|
13년 전 | 665 | |
| 5792 | 13년 전 | 2976 | ||
| 5791 | 13년 전 | 848 | ||
| 5790 | 13년 전 | 4331 | ||
| 5789 |
|
13년 전 | 2481 | |
| 5788 |
|
13년 전 | 1855 | |
| 5787 |
오지랖선생
|
13년 전 | 1623 | |
| 5786 | 13년 전 | 5931 | ||
| 5785 | 13년 전 | 1769 | ||
| 5784 |
|
13년 전 | 1455 | |
| 5783 | 13년 전 | 1317 | ||
| 5782 |
|
13년 전 | 2827 | |
| 5781 | 13년 전 | 2858 | ||
| 5780 | 13년 전 | 1162 | ||
| 5779 |
|
13년 전 | 1358 | |
| 5778 |
오리진소프트
|
13년 전 | 4609 | |
| 5777 | 13년 전 | 686 | ||
| 5776 | 13년 전 | 1166 | ||
| 5775 | 13년 전 | 1475 | ||
| 5774 | 13년 전 | 1898 | ||
| 5773 |
|
13년 전 | 1925 | |
| 5772 | 13년 전 | 1691 | ||
| 5771 | 13년 전 | 4799 | ||
| 5770 | 13년 전 | 1133 | ||
| 5769 | 13년 전 | 6109 | ||
| 5768 |
|
13년 전 | 1581 | |
| 5767 | 13년 전 | 1688 | ||
| 5766 |
프로프리랜서
|
13년 전 | 1390 | |
| 5765 |
|
13년 전 | 1043 | |
| 5764 | 13년 전 | 1763 | ||
| 5763 |
|
13년 전 | 788 | |
| 5762 |
|
13년 전 | 2293 | |
| 5761 | 13년 전 | 624 | ||
| 5760 | 13년 전 | 625 | ||
| 5759 | 13년 전 | 3272 | ||
| 5758 | 13년 전 | 1087 | ||
| 5757 |
|
13년 전 | 746 | |
| 5756 | 13년 전 | 571 | ||
| 5755 | 13년 전 | 1066 | ||
| 5754 |
|
13년 전 | 2234 | |
| 5753 | 13년 전 | 679 | ||
| 5752 | 13년 전 | 1552 | ||
| 5751 | 13년 전 | 772 | ||
| 5750 | 13년 전 | 759 | ||
| 5749 | 13년 전 | 2581 | ||
| 5748 | 13년 전 | 1014 | ||
| 5747 | 13년 전 | 1224 | ||
| 5746 |
|
13년 전 | 657 | |
| 5745 | 13년 전 | 1662 | ||
| 5744 | 13년 전 | 692 | ||
| 5743 | 13년 전 | 837 | ||
| 5742 |
프로프리랜서
|
13년 전 | 584 | |
| 5741 | 13년 전 | 647 | ||
| 5740 | 13년 전 | 638 | ||
| 5739 | 13년 전 | 732 | ||
| 5738 | 13년 전 | 1928 | ||
| 5737 | 13년 전 | 996 | ||
| 5736 | 13년 전 | 1097 | ||
| 5735 | 13년 전 | 1997 | ||
| 5734 | 13년 전 | 1146 | ||
| 5733 | 13년 전 | 2791 | ||
| 5732 |
JOYCOM
|
13년 전 | 649 | |
| 5731 | 13년 전 | 3310 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기