반응형
jQuery 에서 span 태그의 내용을 모두 가져오고 싶어졌다...
<span>안녕하세요</span>
<span>반가워요</span>
<span>또봐요</span>
태그에 있는 내용을 가지고 오려고
$('#dv').find('span').text();
태그를 사용하니 결과가...
구분을 해서 보고 싶은데 안되서...이전에 작성한 jquery 강좌를 보면서 eq를 사용해서 내가 원하는 형태로 값을 표현했다.
실제 코드입니다.
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 32 33 34 35 36 37 | <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.11.0/jquery-ui.js"></script> <script> $(document).ready(function () { $('#btn').on('click', function () { var str = ''; for (var i = 0; i < $('#dv').find('span').length; i++) { str += $('#dv').find('span').eq(i).html() +','; } alert(str); }); }); </script> </head> <body> <input type="button" id="btn" value="버튼" /> <input type="text" id="txt" /> <div id="dv"> <span>안녕하세요</span> <span>반가워요</span> <span>또봐요</span> <//div> </body> </html> |
어때요? 참 쉽죠~?
끝~
반응형
'jQuery | javascript | CSS' 카테고리의 다른 글
| jQuery - 특정 시간대에 이벤트 실행 (0) | 2016.06.12 |
|---|---|
| Uncaught SecurityError: Blocked a frame with origen ... (2) | 2015.10.29 |
| url 주소에서 매개변수 값 잘라내기 (0) | 2014.09.08 |
| 03.jquery jstree 웹 서비스 호출해서 결과값 화면에 출력하기 (0) | 2014.08.24 |
| 02.jQuery - jstree ... DB에서 받은 값 json형식으로 출력하기 (0) | 2014.08.23 |
Comments