티스토리 뷰
html body table내 글자 검색
<html>
<table id="id" cellspacing="0" border="0">
<caption>리스트</caption>
<colgroup>
<col width="100%">
</colgroup>
<tbody>
<tr>
<td>
검색1
</td>
</tr>
<tr>
<td>
검색2
</td>
</tr>
</tbody>
</table>
<input type="text" id="keyword" name="keyword" placeholder="검색 내용을 입력해주세요." style="width:200px" maxlength="20">
$(document).ready(function() {
//이름 검색
$("#keyword").keyup(function() {
var k = $(this).val();
$("#id > tbody > tr").hide();
var temp = $("#id > tbody > tr > td:contains('" + k + "')");
$(temp).parent().show();
})
})
'Programming > javascript' 카테고리의 다른 글
[javascript] replaceAll 버전에 따라 호환 안됨. (replace 정규식으로 변경하자) (0) | 2022.06.28 |
---|---|
[javascript] 텍스트 복사하기 기능(ie, 크롬,엣지 모두 호환 가능) (0) | 2022.06.03 |
[javascript] textarea 라인 제한, 자리수 제한 (0) | 2022.05.04 |
[JAVASCRIPT] radio button readonly, disabled 사용 안하고 간단하게 비활성화 시키기 (0) | 2022.02.23 |
[javascript] 간단하게 html 마우스 오른쪽 버튼 소스메뉴 보기 막기 (0) | 2022.02.11 |