<style>
.__gtlt {font-size:0;}
.__gtlt .box {width:50px;padding:15px 0;text-align:center;font-size:15px;display:inline-block;border:1px solid #ddd;margin-left:-1px;position:relative;}
.__gtlt .box:first-child {margin-left:0;}
.__gtlt .box.active {background:#333;border-color:#333;color:#fff;}
</style>

<div class="__gtlt">
	<div class="box">1</div>
	<div class="box">2</div>
	<div class="box">3</div>
	<div class="box">4</div>
	<div class="box">5</div>
	<div class="box">6</div>
	<div class="box">7</div>
	<div class="box">8</div>
	<div class="box">9</div>
	<div class="box">10</div>
	<div class="box">11</div>
</div>

<script>
$('.__gtlt .box:gt(0)').filter(':lt(3)').addClass('active');
</script>

'PROGRAM > JQUERY' 카테고리의 다른 글

input file css 및 script  (0) 2018.12.12
반응형 팝업 및 24시간 적용  (0) 2018.11.16
키패드입력기  (0) 2018.05.03
우클릭 드래그 금지  (0) 2018.04.26
파일 추가 삭제  (0) 2018.04.26