홈>

html5 - 속성 이름의 일부로 요소를 선택하는 방법

HTML

<div data-a-b-c="...">A</div>
<div data-a-b-d="...">B</div>
<div data-a-c-b="...">C</div>

A 노드를 선택하고 싶습니다  그리고 B  다음과 같은 것을 사용하여 :

document.querySelectorAll("[a-b*]")

Chrome에서는 작동했지만 시간이 지남에 따라 깨졌습니다. 최신 브라우저 만 지원하면됩니다.

html5 dom selector

  • 답변 # 1 

    Array.prototype.slice.call(document.querySelectorAll("*"))
  .filter(element => 
    Array.prototype.slice.call(
      element.attributes
    )
    .find(att => 
      att.localName.match(/data-/)
    )
  )

관련 자료

  • 이전 bash - sed를 사용하여 줄 뒤에 줄 바꿈/줄 바꿈을 삽입하는 방법
  • 다음 arrays - PHP에서 CSV의 임의 데이터 출력
    • 트렌드