일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- JSP
- Bootstrap
- JavaScript
- oracle
- alias
- 한글 인코딩
- HTTP Status 404
- jQuery
- 과정평가형
- rownum
- Oracle SQL
- 이클립스
- 모조칼럼
- HTML
- git
- Java
- 성적프로그램
- sql developer
- SQL
- Oracle DB
- ||
- CRUD
- HTTP Status 500
- group by
- distinct
- github
- tomcat
- 제약조건
- 답변형 게시판
- 부트스트랩
Archives
초급의 끄적거림
[jQuery] table의 td / ul의 li 값 가져오기 본문
jQuery를 활용하여 table의 td나 ul의 li 가져오기
- this를 사용하여 가져올 수 있음
- 아이디 직접 정의보다 클래스로 정의해서 사용
//html
<table>
<tr class = "table-Test">
<td>table1</tdr>
<td>table2</td>
<td>table3</td>
<td>table4</td>
<td>table5</td>
</tr>
</table>
<ul class = "ul-Test">
<li><span>test1</span></li>
<li><span>test2</span></li>
<li><span>test3</span></li>
<li><span>test4</span></li>
</ul>
//script
$(".table-Test td").click(function(){
console.log($(this).text());
});
$(".ul-Test li span").click(function(){
console.log($(this).text());
});
'jQuery' 카테고리의 다른 글
[jQuery] $(function(){ }); 부분이 실행 안될 때 Uncaught ReferenceError: $ is not defined (0) | 2019.10.29 |
---|---|
[jQuery] for, each, this 연습 / 요소의 탐색과 생성 / 시계만들기 / 날짜 자동생성 (0) | 2019.09.02 |
[jQuery] jQuery의 정의 /선택자, css, 속성 메소드, this, index 등 연습 (0) | 2019.08.30 |
[jQuery] jQuery 관련 이클립스 플러그인 tern 환경설정 (0) | 2019.08.30 |
Comments