티스토리 뷰

It

원하는 태그 안에 색 칠 해주기

zoffldlah 2023. 2. 3. 15:46

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Insert title here</title>

<style type="text/css">

.even{

background-color: yellow;

}

</style>

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>

<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>

<script type="text/javascript">

$(document).ready(function(){

var x = $("tr").each(function(idx,element){

if(idx%2 !=0){ // 나머지가 0이 아니면 1 즉, 홀수

$(this).addClass("even"); // odd 홀수 / even : 짝수?

}

});

});

/* 반복처리는 2개가 있다.

1) 태그 반복

$().each()

2) Data 반복

$.each(배열/객체, function(idx, value){})

*/

</script>

</head>

<body>

<table border="1">

<tr>

<td>A</td>

</tr>

<tr>

<td>B</td>

</tr>

<tr>

<td>C</td>

</tr>

<tr>

<td>D</td>

</tr>

<tr>

<td>E</td>

</tr>

<tr>

<td>F</td>

</tr>

<tr>

<td>G</td>

</tr>

</table>

</body>

</html>

저작자표시

'It' 카테고리의 다른 글

골프 알바트로스(albatross)  (0) 2023.02.03
알고리즘이란?  (0) 2023.02.03
태그 안에 값 더하기 / element.innerHTML  (0) 2023.02.02
인포메이션 전달 / 정보 전달  (0) 2023.02.01
Webtob Jeus 연동  (0) 2023.01.31
댓글