MINYA

컬럼안에서 계산하는 팁 (DataTables, calculated column) 데이터테이블을 사용중에 columns: [] 영역 안에서 서버에서 전달되는 data들끼리 연산해야할 때가 있습니다. 보통은 각각 전달되는 data: "객체명" 으로 하나씩 밖에 뿌려주지 못 하는데요, 아래와 같은 방법을 사용하면 쉽게 data: "객체명" + data: "객체명" 처럼 연산을 할 수 있습니다. let dataTable; function getProductInfo(productNum) { dataTable = $('#dataTable').dataTable({ lengthChange: false, ordering: false, searching: false, processing: false, info: false..

Checkbox 체크박스에 제이쿼리나 자바스크립트로 이벤트를 처리해야할 경우가 종종 있다. checked 여부 확인하기 id로 확인하기 $('input:checkbox[id="checkbox_id"]').is(":checked") == true name 으로 확인하기 $('input:checkbox[name="checkbox_name"]').is(":checked") == true $('input[name="checkbox_name"]').is(":checked") 제이쿼리 prop() 메소드 $('#checkboxId').prop("checked"); checked 처리 하기 개별 처리 $('input:checkbox[id="checkbox_id"]').attr("checked", true); 전체 처..

클래스(Class) 포함 여부 확인 jQuery를 통해 Javascript 코드 상에 HTML 객체(Object)를 제어하는 경우가 많이 있습니다. 이 때에 객체의 특정 class 값을 이용하여 다수의 객체에 동시 접근하여 제어를 하거나 한 번에 동일한 CSS를 적용하는 등 다양한 용도로 사용할 수 있습니다. html 예제 아래의 div HTML 객체는 3가지의 class 속성 값을 가지고 있습니다. ... hasClass 함수 사용 ID가 div_test 인 객체가 class apple 을 가지고 있는지 체크합니다. hassClass 는 해당 객체가 파라메터로 들어온 속성 값을 가지고 있는 경우 true를 반환합니다. 이 함수는 JQuery 1.2 버전에서 추가되었습니다. if($("#div_test"..

jQuery(제이쿼리) 선택자에 변수 넣기 직접 선택자를 정의해서 사용하지 않고, 이벤트로 특정 값을 가져와서 선택자로 사용할 경우 사용합니다. index로 선택하기 let test = 'selectTest'; $('[index='+ test + ']'); id로 선택하기 let test = 'selectTest'; $('#'+ test ); class로 선택하기 let test = 'selectTest'; $('.'+ test );

jQuery(제이쿼리) 형제 요소의 탐색 DOM 트리에서 특정 요소의 형제(sibling) 요소 즉, 같은 선상에 있는 요소를 선택하기 위한 메소드는 다음과 같다. .siblings() 선택한 요소의 형제(sibling) 요소 중에서 지정한 선택자에 해당하는 요소를 모두 선택한다. .next() 선택한 요소의 바로 다음에 위치한 형제 요소를 선택한다. .nextAll() 선택한 요소의 다음에 위치한 형제 요소를 모두 선택한다. .nextUntil() 선택한 요소의 형제 요소 중에서 지정한 선택자에 해당하는 요소 바로 이전까지의 요소를 모두 선택한다. .prev() 선택한 요소의 바로 이전에 위치한 형제 요소를 선택한다. .prevAll() 선택한 요소의 이전에 위치한 형제 요소를 모두 선택한다. .pre..

제이쿼리로 table td 또는 ul li 값 가져오기 How to get the text value of td or li(html) 간단히 this 를 사용해서 가져옵니다. 아이디를 직접 정의하기 보다는 클래스로 정의해서 사용합니다. // html 값1 값2 값3 값4 여기1 여기2 여기3 여기4 // script $(".test-td td").click(function(){ console.log($(this).text()); }); $(".test-li li span").click(function(){ console.log($(this).text()); });

제이쿼리(jQuery)로 select box(셀렉트 박스) 값 가져오기 일번 이번 삼번 사번r 오번

제이쿼리(jQuery)로 select box 값 고정하기/ 변경하기 // value값으로 설정 $("#select_id").val("1").prop("selected", true); // optipn의 순서값으로 설정 $("#select_id option:eq(0)").prop("selected", true);