특정문자가 포함된 태그삭제스크립트 질문드립니다. 채택완료
Copy
<ul class="list">
<li><div>딸기</div></li>
<li><div>사과</div></li>
<li><div>바나나</div></li>
<li><div>사과</div></li>
</ul>
스크립트로 '사과' 글자가 포함된 태그는 없애는방법 알수있을까요?
<ul class="list">
<li><div>딸기</div></li>
<li><div>바나나</div></li>
</ul>이렇게 나올수있게요ㅠㅠ
왕초보여서 어떻게 해야될지 모르겠습니다
도움부탁드립니다.ㅠㅠ
답변 3개
채택된 답변
+20 포인트
선택과집중
1년 전
[...document.querySelectorAll('.list>li')].filter(o => o.innerText == '사과').forEach(o => o.parentNode.removeChild(o));
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
1년 전
jquery
$(".list li").each(function(){
if( $(this).text() == '사과') $(this).hide();
});
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
1년 전
Copy
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>리스트 항목 제거</title>
</head>
<body>
<ul class="list">
<li><div>딸기</div></li>
<li><div>사과</div></li>
<li><div>바나나</div></li>
<li><div>사과</div></li>
</ul>
<script>
// 모든 <li> 요소를 선택
const listItems = document.querySelectorAll('.list li');
listItems.forEach(function(li) {
// <li> 내부의 텍스트를 가져옴
const text = li.textContent || li.innerText;
// '사과'가 포함되어 있는지 확인
if (text.includes('사과')) {
// 해당 <li> 요소를 제거
li.remove();
}
});
</script>
</body>
</html>참조하세요
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인