jQuery | javascript | CSS
태그로 감싸진 내용값 가져오기
Godffs
2014. 10. 26. 02:36
반응형
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> |
어때요? 참 쉽죠~?
끝~
반응형