HOWTO · jQuery
jQuery에서 문자열에 하위 문자열이 포함되어 있는지 확인
이 튜토리얼은 jQuery에서 contains() 메소드를 사용하는 방법을 보여줍니다.
이 페이지의 내용
jQuery의 contains() 메서드는 DOM 요소에 다른 DOM 요소가 포함되어 있는지 확인할 수 있습니다. 이 튜토리얼은 jQuery에서 contains() 메소드를 사용하는 방법을 보여줍니다.
contains() 메서드를 사용하여 jQuery에서 문자열에 하위 문자열이 포함되어 있는지 확인
jQuery contains() 메서드는 문자열에 하위 문자열이나 문자가 포함되어 있는지 확인합니다. 이 메서드의 구문은 다음과 같습니다.
jQuery.contains( container, contained )
어디에:
container는 다른 DOM 요소를 포함하는 DOM 요소입니다.- 하위 요소의
contained.
메서드는 부울 값을 반환합니다.
contains() 구문은 다음과 같이 작성할 수도 있습니다.
container:contains(contained)
예를 들어 보겠습니다.
<!DOCTYPE html>
<html>
<head>
<title> jQuery Contains Method </title>
<script src="https://code.jquery.com/jquery-3.4.1.js"></script>
<script>
$(document).ready(function(){
$("p:contains(is)").css("background-color", "lightgreen");
});
</script>
</head>
<body>
<h1>Welcome to Delfstack</h1>
<p>DelftStack is a resource for everyone interested in programming,.</p>
<p>embedded software, and electronics. It covers the programming languages like</p>
<p> Python, C/C++, C#, and so on in this website's first development stage</p>
</body>
</html>
위의 코드는 단락 요소의 문자열에 하위 문자열 또는 문자가 포함되어 있는지 확인하고 해당 단락의 배경색을 변경합니다. 출력 참조:
이 방법은 특정 HTML 요소에 다른 요소가 포함되어 있는지 여부도 알려줄 수 있습니다. 아래 예를 참조하십시오.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JQuery contains() method</title>
<script src= "https://code.jquery.com/jquery-3.4.1.js"> </script>
</head>
<body>
<h3>JQuery contains() method</h3>
<b id="delftstack"></b>
<script>
$("#delftstack").append( "Does 'document.body' contains 'document.documentElement'? <br>"
+ $.contains(document.documentElement, document.body));
</script>
</body>
</html>
위의 코드는 문서 본문에 일부 요소가 포함되어 있는지 확인하고 포함되어 있으면 메서드가 true를 반환합니다. 출력 참조:
