<html lang="ko">
<head>
<meta charset="UTF-8">
<title>jQuery Filtering</title>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script>
$(function() {
$("button").on("click", function() {
// 선택한 <li>요소 중에서 자손 요소로 <span>요소를 가지고 있는 요소만을 선택함.
$("li").has("span")
.css({"border": "2px solid green"}); // 해당 요소의 CSS 스타일을 변경함.
});
});
</script>
</head>
<body>
<h1>.has() 메소드</h1>
<ul>
<li><span>첫 번째 아이템</span>이에요!</li>
<li><span>두 번째 아이템</span>이에요!</li>
<li>세 번째 아이템이에요!</li>
<li>네 번째 아이템이에요!</li>
</ul>
<button>자손 요소로 span 요소를 가지는 요소</button>
</body>
</html>