특정문자가 포함된 태그삭제스크립트 질문드립니다.
본문
<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
[...document.querySelectorAll('.list>li')].filter(o => o.innerText == '사과').forEach(o => o.parentNode.removeChild(o));
<!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>
참조하세요
jquery
$(".list li").each(function(){
if( $(this).text() == '사과') $(this).hide();
});
답변을 작성하시기 전에 로그인 해주세요.
