jQuery 또는 CSS를 사용하여 ID가 ​​특정 문자열로 시작하는 요소를 어떻게 선택할 수 있습니까?

jQuery 또는 CSS로 ID 선택

질문: ID가 특정 문자로 시작하는 모든 요소를 ​​어떻게 선택합니까? 문자열?

답변:

ID를 기준으로 요소를 선택하는 두 가지 주요 방법이 있습니다.

jQuery:

$("div[id^='player_']")

jQuery 선택기 ^(속성 시작-with)는 다음과 같은 요소를 선택합니다. ID는 지정된 문자열로 시작합니다.

CSS3:

div[id^="player_"]

CSS3 attribute-starts-with 선택기는 ID가 지정된 문자열로 시작하는 요소도 선택합니다.

추가 고려 사항:

ID 선택기를 사용하면 높은 특이성이 제공되지만 복잡한 일치에 대해 ID 속성에만 의존하는 것은 권장되지 않습니다. 대신, 원하는 요소에 클래스 속성을 추가하는 것을 고려해 보세요.

<div class="player">
<p>이러한 접근 방식은 선택을 단순화하고 높은 수준을 유지합니다. 특이성:</p>
<p><strong>jQuery:</strong></p>
<pre class="brush:php;toolbar:false">$(".player")

CSS3:

.player