tbody:last 외 유용한 표현식 모음

1. 커서 변경

   $('body').css('cursor', 'default');

   $('body').css('cursor', 'wait');

 

2. Select Box에서 선택된 Value 찾기

   $('#search_sale_pernr_s option:selected').val();

 

3. Table의 타이틀 Row를 제외한 모든 Row 삭제하기

   $("#data_list_table > tbody").children("tr:not(:first)").remove();

 

4. Table의 마지막 Row 다음에 Row 추가하기

  $("#data_list_table > tbody:last").append("<tr><td>값1</td></tr>");

 

5. innerHTML값 Setting하기

   $("#id_total_price").html("<strong>값</strong>");

 

6. 해당 ID로 지정된 HTML 보이기/숨기기

   $("#placeholder").show();

   $("#placeholder").hide();

 

7. ID로 지정된 Form Submit 하기

   $("#csf_tab_menu_form").attr("target", "_top");

   $("#csf_tab_menu_form").attr("action", "/sabisung/list.jsp");

   $("#csf_tab_menu_form").submit();

 

8. Select Box의 Option 값 확인

   $("#search_sale_unit").find("option").each(function() {

      alert(this.value);

   });

 

9. Select Box의 특정 값을 가지는 Option 삭제하기

   $("#csf_menu_no").find("option").each(function() {

      if(this.value == "4") {

         //alert(this.selected);

         $(this).remove();

      }

   });

 

10. Select Box의 특정 값 이후/이전에 Option 추가하기

   $("#csf_menu_no").find("option").each(function() {

      if(this.value == "3") {

         $(this).after("<option value=\"4\">텍스트</option>");

         //$(this).before("<option value=\"4\">텍스트</option>");

         return false;

      }

   });

 

11. each Loop에서의 break/continue 방법

   $("#csf_menu_no").find("option").each(function() {

      if(this.value == "3") {

         return false; //break 의미

         return true; //continue 의미

      }

   });

 

12. Select Box의 모든 Option 삭제 후 Default Option 추가하기

   $("#search_sale_pernr_s").find("option").remove().end().append("<option value=\"\">::사원 선택::</option>");

 

13. checkbox의 전체 갯수와 선택된 갯수 구하기

   - 전체 갯수 : $("input:checkbox[name=is_check]").length

   - 선택된 갯수 : $("input:checkbox[name=is_check]:checked").length

   - 전체 checkbox 순회하기

   $("input:checkbox[name=is_check]").each(function() {

      this.checked = true;

   });

 

14. checkbox의 체크 여부 확인

   if($("input:checkbox[name=complete_yn]").is(":checked")) == true) {

      ; //작업

   }

 

15. Table의 특정(ID를 가지는) TR 다음에 TR Row를 추가하기

   $("#table_appr_pernr > tbody").children("tr").each(function() {
    if(("row_appr_pernr_" + row_no) == $(this).attr('id')) {
     $(this).after("<tr><td>사비성</td></tr>");
     return false;
    }
   });

 

16. Table의 특정(ID를 가지는) TR Row를 삭제하기

   $("#table_appr_pernr > tbody").children("tr").each(function() {
    if(("row_appr_pernr_" + row_no) == $(this).attr('id')) {
     $(this).remove();

     return false;
    }
   });

 

17. 숫자인지 체크

    function is_number(v) {
        var reg = /^(\s|\d)+$/;
        return reg.test(v);
    }

 

18. 숫자인지 체크 (-/+ 부호까지 체크)

    function is_number(v) {
        var reg = /^[-+]?\d+$/;
        return reg.test(v);
    }

 

 19. 소수점 자리수에 맞는 숫자인지 체크 (소수점 2자리까지 체크)

 

    function is_float_2(v) {
        var reg = /^[-+]?\d+.?\d?\d?$/;
        return reg.test(v);
    }

 

20. 숫자에 콤마 추가하기 (금액단위)

    function set_comma(n) {
        var reg = /(^[+-]?\d+)(\d{3})/;
        n += '';
        while (reg.test(n))
         n = n.replace(reg, '$1' + ',' + '$2');
  
        return n;
    }

 

출처 : https://m.blog.naver.com/PostView.naver?isHttpsRedirect=true&blogId=daeya75&logNo=220785338106 

jQuery 자주 쓰이는 유용한 팁