Front-end/Jquery

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

빅콜팝 2022. 10. 8. 07:52
728x90
반응형
//전체에서 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(str.includes("hello")) {
        item.classList.add("on");
    }
});
728x90
반응형