:eq(n) (2) 썸네일형 리스트형 jQuery ~ (siblings) 를 사용하여 형제들 중의 특정 하위 요소 선택 아래 id1 이후로 가장 가까운 첫번째 tr 의 두번째 td 를 선택하려면..?class 인 tr1, tr2, tr3, td1, td2 등은 실제로는 없는 코드이고, 설명을 하기 위해 덧달아 놓은 겁니다. td01 td02 ... (다수의 tr td 문 존재) td11 td12 td21 td22 td31 td32 간단할듯 한데, 조금 복잡하네요.id1 을 선택해서 parent 인 tr 로 올라갔다가 siblings 인 tr 들 중에서 첫번째 tr 을 선택하고,td 들 중 두번째를 선택하면 됩니다만.. 일단 id1 을 선택하려면, $('#id1') 하면 됩니다. id1 을 감싸는 tr 인 tr.tr1 을 선택하려면, $('#id1').parent() 로 하면 되구요. 여기까진 너무 쉽죠..?$('#id1 .. CSS 와 jQuery, table 태그 등을 사용하여 목록 만들기 레이아웃이 아니라, 그리드 형태로 목록을 만들어야 하는 경우 table 태그를 사용하면 편합니다.아래 소개하는 목록은.. 목록의 맨 왼쪽과 맨 오른쪽 세로선이 없어요.가독성을 위해 짝수행에 배경색을 주고, 마우스 커서가 올려진 행에 배경색이 다르게 했어요.각 셀은 중앙정렬을 기본으로 하고 (아직 까지 모든 웹브라우저는 td 의 vertical-align 이 middle), 좌정렬과 우정렬은 클래스를 활용.셀에 입력된 글자가 많아질때 말줄임 표시를 할 수 있도록 세팅 .css 파일@charset "UTF-8" /* 혹시 문자셋 관계로 External CSS 를 사용하지 못한다면 사용 */table.tableList { table-layout:fixed; border-top:2px #EA0000 solid;.. 이전 1 다음
