>웹 프론트엔드 >CSS 튜토리얼 >특정 문자열을 포함하고 특정 텍스트로 끝나는 ID를 가진 요소를 선택하는 방법은 무엇입니까?

특정 문자열을 포함하고 특정 텍스트로 끝나는 ID를 가진 요소를 선택하는 방법은 무엇입니까?

Patricia Arquette
Patricia Arquette원래의
2024-10-27 18:40:02440검색

How to Select Elements with IDs Containing a Specific String and Ending with a Specific Text?

CSS 선택기: 특정 문자열을 포함하는 ID를 가진 요소 검색

귀하의 질문은 주어진 문자열의 일부를 포함하는 ID를 가진 모든 요소를 ​​획득하는 것과 관련이 있습니다. 텍스트(이 경우 "일부:동일")입니다. "a[id*='Some:Same']"을 사용하려고 시도하는 동안 "Some:Same"이 포함된 ID를 가진 모든 요소가 반환되며, 여기에는 원치 않는 결과가 포함됩니다.

선택 범위를 좁히려면 , 다음 CSS 선택기를 고려하세요.

a[id*='Some:Same'][id$='name']

이 선택기는 ID에 "Some:Same" 텍스트가 포함되고 추가로 "name" 텍스트로 끝나는 모든 "a" 요소를 검색합니다. "id='Some:Same'"의 "=" 연산자는 ID가 해당 값 내 어느 곳에나 "Some:Same"을 포함해야 함을 나타냅니다. 반면 "id$='name'의 "$="는 "는 ID가 "이름"으로 끝나는지 확인합니다.

이 세련된 선택기를 사용하면 관심 있는 요소만 효과적으로 추출할 수 있습니다. 이 접근 방식은 이전 시도에 비해 더 타겟이 명확한 선택 메커니즘을 제공합니다.

위 내용은 특정 문자열을 포함하고 특정 텍스트로 끝나는 ID를 가진 요소를 선택하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.