일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- Bootstrap
- 제약조건
- sql developer
- 답변형 게시판
- 성적프로그램
- rownum
- Oracle DB
- group by
- HTML
- HTTP Status 404
- SQL
- 이클립스
- alias
- 모조칼럼
- 과정평가형
- git
- 한글 인코딩
- ||
- JavaScript
- CRUD
- 부트스트랩
- Java
- tomcat
- JSP
- HTTP Status 500
- jQuery
- distinct
- oracle
- github
- Oracle SQL
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