jquery 도움 한번 더 부탁드립니다...

Question

얼마전에 jquery 관련해서 도움을 한번 받았습니다.이후로 여러 jquery 관련 사이트들 뒤져가면서 공부를 좀 하긴 했는데요...예제 위주로 되어있는 곳들의 예제들이... 제가 응용해서 적용하기에는 조금 공부시간이 짧았나봅니다 ㅠ.ㅜ;그래서 한번 더 도움을 얻고자 글을 써봅니다.. 화면에 그리드 형태로 데이터가 나열되어 있는데 소스를 보면... 이런식이에요.. 3 SampleText 3 3 3...위와 같은 tr 무리가 여러개 있는거죠. index=1 로 된것 첫째줄이라 그런거고조회된 데이터 갯수만큼 index는 늘어나구요. 저기서 제가 jquery로 갖고 오고 싶은 것은 다음과 같습니다.붉은 색으로 표기된 tdName 의 n번째의 text값 "SampleText"를 갖고오고 싶습니다.이것저것 짜집기 해봐도... 안되네요.참고로 jquery 본지 이제 한 3-4일 정도 된것 같습니다. 즐점들 하세요 ~~__)

ggawa4030 · Answer

$(&#34;#tdName&#34;).find(&#34;a&#34;).text(); 이렇게 하시면 될거 같은데.. 안되시면 댓글 남겨주세요

tjdwls604 · Answer

$($(&#34;#tdName a&#34;)[n]).text();

sadpupil12 · Answer

좀 무식한 방법이긴 한데...$(&#34;#tdName &#34;).find(&#34;a&#34;).eq(n).text(); 아이디가 tdName 의 자식요소중 a 를 찾아서 eq로 a의 인덱스 번호로 찾으면...될거같은데..이거 하면 되지 않을까요??eq 에서 오류가 날려나... 저도 초보라..ㅋ

rabbitchris · Answer

일단은.. html 부터 고쳐야 할 것같아요.. index 속성을 td 마다 할 필요는 없어요. tr 태그에 하거나..그냥 몇 번째에서 하는 거면 tr:eq(n) 으로 처리하는 것이 심플하고 이해하기 쉽고 나중에 고치기도 좋져. td 마다 width 속성을 사용했는데, 이것은 table 태그 바로 다음에 col width 로 정하는 것이 낫습니다.col width 수치를 모두 합쳐서 100% 가 안 된다면 다시 조정하는 것이 좋아요.웹브라우저 종류에 따라 자기만의 노하우(?)로 조정하기 때문에 크로스브라우저를 고려하는거죠. a 태그에는 href 가 기본 속성이고 onclick 속성을 사용할 수도 있지만, 그럴 필요는 없을 것같구요.a 태그가 아닌 경우에는 onclick 속성을 사용합니다.a 태그에서는 href 속성값에 "javascript:" 로 시작하지 않으면 URL 로 생각하기 때문에 오류.href 에 다시 onclick 을 쓰는 것도 별로입니다. 태그에 붙이는 id 명칭은 하나만 하는 것이 여러모로 좋습니다.당장에는 문제가 없거나 특정 웹브라우저에서 정상 작동하더라도 말입니다.id="tdName", id="td1", id="td2", id="td3" 이런건 필요 없거나 해선 안 되는 것이죠.그냥 table 태그에 id 를 한 번만 정하고 그걸 기준으로 하면 되겠네요. 바꾼 HTML 과 해결 방법은 아래와 같습니다.

a1	SampleText1	c1	d1	e1
a2	SampleText2	c2	d2	e2
a3	SampleText3	c3	d3	e3

아.. :eq() 는 0 부터 카운트 하기 때문에 n 번째 값을 가져오려면 n-1 해야 하구요.Sample Text 가 들어간 a 태그는 2번째 td 이니까, td:e1(1) 입니다.문자열만 가져오니까 .text() 한 거구요. $("#idTable a:eq(n-1)").text() 처럼 해도 되긴 하는데,a 태그가 하나의 tr 에 한 번만 사용된다면 좋긴 하지만..나중에 또 어떻게 변할지는 모르거든요.. 좀더 유연하게 만들어야 할 것같아요. $($('#idTable a')[n-1]).text() 이렇게 하는 건,$('#idTable a') 이 DOM 배열이고, $('#idTable a')[n-1] 은 배열이 아닌 DOM Ojbect 이기 때문에..jquery 함수인 .text() 를 사용하려면 다시 DOM 배열로 바꾸어야 해서..$() 를 한 번 씌워 주니까 $($('#idTable a')[n-1]) 이 되고,문자열을 가여와야 하니 $($('#idTable a')[n-1]).text() 가 되죠.그렇더라도, 자바스크립트는 0, 1, 2, .. 이렇게 순서가 주어지니까,n 번째 요소를 가져오려면 n-1 을 해야 합니다.

pianoman · Answer

rabbitchris 님 친절한 답변 감사드립니다. 우선 html보완에 대해서 친절하게 설명해주셔서 너무 감사한데이게 지금 일하는 곳에서 쓰는 특정 라이브러리에서 html 을 재생성해주는 것입니다...사실 저도 이것 때문에 좀 답답한데, 소스코드 자체에 위와 같이 코딩되어있는 것이 아니라,sdk라고 하긴 뭐하지만, name 지정하고, 메써드 이름써주고 옵션 몇몇 지정해두면실제 웹페이지를 그릴때 위와 같이... td 막 만들고 저렇게 제너레이트해주더라구요..즉 실제 제가 갖고 있는 소스와 소스보기해서 보는 소스가 다른거죠. 이 부분의 수정여지가 없는게 우선은 아쉽네요 ㅠ.ㅜ그래도 써주신 내용은 다른 곳에서 활용이 가능할만한 좋은 소스네요.저는 이제 jquery 사용해보기 시작한 상태라 다시 한번 답글에 감사드립니다. ^^

pianoman · Answer

$($(&#34;#tdName a&#34;)[n]).text(); 이렇게 해서 해결했습니다 ^^;답변주신 모든분들께 진심으로 감사드립니다. 나른날 날씨 식곤증 날려버리시고 열심히 일합니다 ^^

pianoman · Answer

rabbitchris 님 궁금한게 있습니다.일단은 위에 제가 써논대로 해결은 했는데, 좀 더 응요할게 있어서 답글주신대로 써보고 있는데요...해당 구문을 loop 돌려야 해서 사용하고 있는데, n-1 부분이... 쉽게 말해서 for loop돌릴때 변수지정을해주는데 undefiend만 뜨네요... $('#dataTable tr:eq{' &#43; i &#43; ') td:eq(2)').text()$('#idTable tr:eq('&#43;(n-1)&#43;') td:eq(1) a').text() 위의 구문에서 a 빼고는 같은거라고 보는데요... tr:eq() 이 부분에 변수가 아닌 상수 2 같은걸 넣으면 제대로 작동을 합니다. i를 쓰려면 저렇게 쓰는게 아닌가요?$(&#34;#dataTable tr:eq{' &#43; i &#43; ') td:eq(2)&#34;).text()$('#dataTable tr:eq{i) td:eq(2)').text()이런식으로 해봐도... 당연히 -_-; 안되서요... ㅎㅎ;

pianoman · Answer

아 제가 잘못봤습니다. rabbitchris 님이 써주신 예제는 잘 작동합니다.i 에 문제가 있었던게 아니고 다른데 문제가 있어서 undefined가 뜬거였네요 ^^;

jquery 도움 한번 더 부탁드립니다...

8개의 답변

#td 목록