본문 바로가기
jquery

이전요소 다음요소 선택

by 자바초보자 2016. 2. 18.
728x90

<html>
<head>
<style type="text/css">
.test {
margin: 0 8px;
display: inline-block;
background: #ddd;
cursor:pointer;
}
</style>
</head>

<body>
<div>
<p id="test1" class="test">P tag - 1</p>
<p id="test2" class="test">P tag - 2</p>
</div>
</body>

<script type="text/javascript">
$("#test1").click(function(){$(this).next().css("color","red")});
$("#test2").click(function(){$(this).prev().css("color","red")});
</script>
</html>

 

 

prev() // 이전 요소의 선택
next() // 다음 요소의 선택

728x90

'jquery' 카테고리의 다른 글

선택된 인자가 몇 번째인지 찾는 방법  (0) 2016.02.19
요소 이동  (0) 2016.02.18
unwrap()  (0) 2015.12.02
node name 비교하기  (0) 2015.12.02
.wrap()  (0) 2015.12.02