아마 이런 경우 경험을 했을것이라 생각해요.
<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년 전
아.. 좋은 방법이네요 감사합니다.
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 530 |
 Elbis |
19년 전 | 1228 | |
| 529 |
Elbis |
19년 전 | 1409 | |
| 528 |
Elbis |
19년 전 | 1976 | |
| 527 |
사랑과우정
|
19년 전 | 2385 | |
| 526 | 19년 전 | 2869 | ||
| 525 |
 ⓦangcho |
19년 전 | 2291 | |
| 524 |
 damoa.biz |
19년 전 | 1796 | |
| 523 | 19년 전 | 7033 | ||
| 522 |
ⓦangcho |
19년 전 | 3726 | |
| 521 | 19년 전 | 2333 | ||
| 520 | 19년 전 | 2370 | ||
| 519 | 19년 전 | 2862 | ||
| 518 |
 jepae |
19년 전 | 5776 | |
| 517 |
jepae |
19년 전 | 5549 | |
| 516 |
jepae |
19년 전 | 2254 | |
| 515 |
jepae |
19년 전 | 3290 | |
| 514 | 19년 전 | 2862 | ||
| 513 | 19년 전 | 2215 | ||
| 512 |
개발자관리자
|
19년 전 | 2726 | |
| 511 |
개발자관리자
|
19년 전 | 1581 | |
| 510 |
개발자관리자
|
19년 전 | 1738 | |
| 509 |
개발자관리자
|
19년 전 | 1833 | |
| 508 |
개발자관리자
|
19년 전 | 2005 | |
| 507 |
개발자관리자
|
19년 전 | 1683 | |
| 506 |
개발자관리자
|
19년 전 | 1803 | |
| 505 |
개발자관리자
|
19년 전 | 1771 | |
| 504 |
개발자관리자
|
19년 전 | 1849 | |
| 503 |
개발자관리자
|
19년 전 | 1521 | |
| 502 |
개발자관리자
|
19년 전 | 2646 | |
| 501 | 19년 전 | 1986 | ||
| 500 | 19년 전 | 3235 | ||
| 499 | 19년 전 | 3261 | ||
| 498 | 19년 전 | 2520 | ||
| 497 | 19년 전 | 2599 | ||
| 496 | 19년 전 | 2438 | ||
| 495 | 19년 전 | 2696 | ||
| 494 | 19년 전 | 2676 | ||
| 493 | 19년 전 | 3172 | ||
| 492 | 19년 전 | 2881 | ||
| 491 | 19년 전 | 5299 | ||
| 490 |
Wangcho |
19년 전 | 2120 | |
| 489 |
Wangcho |
19년 전 | 2207 | |
| 488 |
Wangcho |
19년 전 | 2006 | |
| 487 |
Wangcho |
19년 전 | 1939 | |
| 486 |
Wangcho |
19년 전 | 1936 | |
| 485 |
Wangcho |
19년 전 | 2135 | |
| 484 |
뜨락의이름 |
19년 전 | 3205 | |
| 483 |
뜨락의이름 |
19년 전 | 3088 | |
| 482 |
뜨락의이름 |
19년 전 | 2850 | |
| 481 |
뜨락의이름 |
19년 전 | 2540 | |
| 480 |
뜨락의이름 |
19년 전 | 2627 | |
| 479 |
뜨락의이름 |
19년 전 | 2293 | |
| 478 |
뜨락의이름 |
19년 전 | 2325 | |
| 477 |
개발자관리자
|
19년 전 | 1585 | |
| 476 |
개발자관리자
|
19년 전 | 2306 | |
| 475 |
개발자관리자
|
19년 전 | 2655 | |
| 474 |
개발자관리자
|
19년 전 | 2652 | |
| 473 |
개발자관리자
|
19년 전 | 2965 | |
| 472 | 19년 전 | 2730 | ||
| 471 | 19년 전 | 1722 | ||
| 470 | 19년 전 | 1822 | ||
| 469 |
뜨락의이름 |
19년 전 | 2723 | |
| 468 |
jepae |
19년 전 | 2216 | |
| 467 |
뜨락의이름 |
19년 전 | 3992 | |
| 466 |
뜨락의이름 |
19년 전 | 2503 | |
| 465 | 19년 전 | 2374 | ||
| 464 | 19년 전 | 3522 | ||
| 463 |
뜨락의이름 |
19년 전 | 3097 | |
| 462 |
뜨락의이름 |
19년 전 | 2238 | |
| 461 |
뜨락의이름 |
19년 전 | 3030 | |
| 460 |
뜨락의이름 |
19년 전 | 2237 | |
| 459 |
뜨락의이름 |
19년 전 | 3094 | |
| 458 |
뜨락의이름 |
19년 전 | 3520 | |
| 457 |
뜨락의이름 |
19년 전 | 5210 | |
| 456 |
뜨락의이름 |
19년 전 | 3129 | |
| 455 |
스마일미디어
|
19년 전 | 3125 | |
| 454 |
스마일미디어
|
19년 전 | 2716 | |
| 453 |
스마일미디어
|
19년 전 | 2459 | |
| 452 |
스마일미디어
|
19년 전 | 2716 | |
| 451 |
스마일미디어
|
19년 전 | 2439 | |
| 450 |
스마일미디어
|
19년 전 | 2556 | |
| 449 |
스마일미디어
|
19년 전 | 2360 | |
| 448 |
스마일미디어
|
19년 전 | 2690 | |
| 447 | 19년 전 | 2958 | ||
| 446 |
스마일미디어
|
19년 전 | 3241 | |
| 445 |
스마일미디어
|
19년 전 | 7048 | |
| 444 |
스마일미디어
|
19년 전 | 5166 | |
| 443 |
스마일미디어
|
19년 전 | 2422 | |
| 442 |
스마일미디어
|
19년 전 | 5155 | |
| 441 |
스마일미디어
|
19년 전 | 3096 | |
| 440 |
damoa.biz |
19년 전 | 2453 | |
| 439 | 19년 전 | 2151 | ||
| 438 | 19년 전 | 3564 | ||
| 437 |
 imgstory |
19년 전 | 2868 | |
| 436 |
 cunic |
19년 전 | 3247 | |
| 435 |
cunic |
19년 전 | 2882 | |
| 434 | 19년 전 | 3379 | ||
| 433 |
sjsjin
|
19년 전 | 2707 | |
| 432 |
sjsjin
|
19년 전 | 3453 | |
| 431 |
sjsjin
|
19년 전 | 2414 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기