작성일 : 11-11-29 19:36
|
[JQuery] (JQuery Source) 특정 텍스트 검색 , 체인
|
 |
|
글쓴이 :
조형래
 조회 : 4,017
|
<style type="text/css">
.redColor { color:Red; }
.blueColor { color:Blue; }
</style>
<script src="js/jquery-1.3.2-vsdoc2.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
//[1] td 태그내의 텍스트가 RedPlus를 포함하는 요소를 검색 후 전경색을 red
$("td:contains('RedPlus')").addClass("redColor");
$('td:contains("RedPlus2")') // td 중 "RedPlus" 포함하는 셀 찾음
.siblings() // 형제 노드에게
.addClass("redColor") // 전경색을 Red -> 레드플러스 : Red
.parent() // 부모로 이동
.find('td:eq(0)') // 0번째 셀을 찾아서
.addClass('blueColor'); // RedPlus : Blue
});
</script>
<table>
<tr>
<td>RedPlus.NET</td>
</tr>
<tr>
<td>DotNetKorea</td>
</tr>
<tr>
<td>Hawaso</td>
</tr>
</table>
<table>
<tr>
<td>NickName</td><td>이름</td><td>비고</td>
</tr>
<tr>
<td>RedPlus2</td><td>레드플러스</td><td>닷넷</td>
</tr>
<tr>
<td>Hawaso</td><td>하와소</td><td>강의</td>
</tr>
</table>
|
|
957
