728x90
반응형

Front-end 3

[JavaScript] 바닐라 자바스크립트 페이징 처리

게시판 부트스트랩 https://colorlib.com/wp/template/table-02/ 페이징 부트스트랩 https://getbootstrap.kr/docs/5.0/components/pagination/ paging.jsp zhfvkq table no. title date paging.js const log = console.log; let video_list = [ {"TITLE" : "[디자인 패턴] 자바의 싱글톤 패턴 (static)", "WRITE_DATE" : "2022.11.09"} ,{"TITLE" : "[Spring Security] GET 로그아웃 처리", "WRITE_DATE" : "2022.11.10"} ,{"TITLE" : "[JAVA 8] 분할 가능한 Itortater인 ..

[Jquery] text값을 이용하여 요소 검색

//전체에서 html, text가 'value' 값을 포함하는 요소 찾기 $(':contains('value')') //a태그 중에서 html, text가 'value' 값을 포함하는 요소 찾기 $('a:contains('value')') id값이 paging 인 태그 밑에 ul 밑에 li의 텍스트 값이 'hello'인 li 태그에 클래스 'on' 추가하기 Jquery $("#paging ul li:contains('hello')").addClass("on"); 순수 javascript로 변경 document.querySelectorAll("#paging li").forEach((item) => { let str = item.querySelector("#paging li a").innerText; if(..

Front-end/Jquery 2022.10.08
728x90
반응형