배열 관련 매서드 실습_jQuery

2022. 1. 21. 11:18ksmart_html_css_js/jQuery 실습

728x90
1.
아래의 버튼 클릭시 모든 행의 텍스트를 ksmart로 변경하시오.
<ul id="ul01">
	<li>안녕하세요</li>
	<li>안녕하세요</li>
	<li>안녕하세요</li>
</ul>

 

1. 답
<ul id="ul01">
    <li>안녕하세요</li>
    <li>안녕하세요</li>
    <li>안녕하세요</li>
 </ul>
 <button type="button" id="btn01">클릭</button>
 
 <script type="text/javascript">
    $(function(){
       var $li = $('#ul01 li');
          $('#btn01').click(function() {
             $li.each(function() {
                $(this).text('ksmart');
             });
          });
       });
 </script>

 

728x90