반응형
.next( [selector ] )
- list item 1
- list item 2
- list item 3
- list item 4
- list item 5
<head>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
</head>
<body>
<ul>
<li>list item 1</li>
<li>list item 2</li>
<li class="next">list item 3</li>
<li>list item 4</li>
<li>list item 5</li>
</ul>
<script>
$('.next').next().css('background-color', 'purple').css('color','white');
</script>
</body>
.nextAll( [selector ] )
- list item 1
- list item 2
- list item 3
- list item 4
- list item 5
<head>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
</head>
<body>
<ul>
<li>list item 1</li>
<li>list item 2</li>
<li class="third-item">list item 3</li>
<li>list item 4</li>
<li>list item 5</li>
</ul>
<script>
$('li.third-item').nextAll().css('background-color', 'purple').css('color','white');
</script>
</body>
반응형
'wEb > javascript' 카테고리의 다른 글
| CommonJS(커먼JS) (0) | 2018.12.19 |
|---|---|
| jquery .css 변수 사용 (0) | 2013.09.29 |
| keydown(), keyup(), keypress() (0) | 2013.09.28 |
| .live() 와 .bind() (0) | 2013.09.28 |
| preventDefault(), stopPropagation(), return false; (0) | 2013.09.28 |
| mouseenter와 mouseleave를 동시에 쓰는 함수 hover() (0) | 2013.09.28 |
| $(document).ready (0) | 2013.08.16 |
| 제이쿼리 트래버싱_jquery traversing API (0) | 2013.06.06 |
| 자바스크립트 배열작성 방식 3가지 (0) | 2013.03.25 |
| jquery를 이용한 필요없는 셀지우기 (0) | 2012.04.20 |