동일 레벨의 태그 찾기(제이쿼리X)
2023. 5. 19. 14:35
JavaScript
function siblings(tagArray) { const tempArr = []; for (const element of tagArray) { tempArr.push(element); } return tempArr.filter((tag) => tag.classList.contains('on')) }
6자리,7자리 체크 정규식
2023. 5. 19. 14:32
JavaScript
function numberCheck(valueStr1, valueStr2) { let check1 = /^[6]+$/; let check2 = /^[7]+$/; if (!check1.test(valueStr1)) { console.log("6자리"); return '주민등록번호 앞자리를 확인 해 주세요.'; } if (!check2.test(valueStr1)) { console.log("7자리"); return '주민등록번호 뒷자리를 확인 해 주세요.'; } }
템플릿 리터럴(빽틱)
2022. 12. 28. 04:55
JavaScript
흔히 아는 키보드(물결)을 누르면 ` 요것이 나온다. 이 친구를 태그에 감싸서 태그를 그대로 사용할 수 있다. document.querySelector('.modal').innerHTML = `` 예를 들어 이런식으로 말이다. 구질구질하게 빈 변수 만들어 놓고 += 를 쓰지 않아도 된다. 물론 이런 활용 뿐만 아니라 let url = `/${siteId}/aaa/${bbsSn}/${data}/bbb`; 이런식으로 어떤 변수에 값을 할당하고 ${변수명} 으로 꺼내 쓸 수 도 있다. 매우 유용하다고 생각한다 jsp 위의 스크립트(jsp 파일안)를 사용할 경우 \${변수명} 역슬러시(\)를 표기 해 줘야 한다.
특정범위에서 클래스 찾기
2022. 12. 9. 20:51
JavaScript
document.querySelector('#mainImage-attach-file-zone').parentNode.querySelector('.rq') 예를들어 어디를 찍어 들어갔을 때 그 부모가 가지고 있는 영역이 있을거고, 예를들어, 그것이 div 라면 그 영역에서 찾기. document.#mainImage-attach-file-zone.부모노드에서 querySelector('.rq') 를 돌리는 것이다.