홈>

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에서는 작동했지만 시간이 지남에 따라 깨졌습니다. 최신 브라우저 만 지원하면됩니다.

html5domselector
  • 답변 # 1

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

관련 자료

  • 이전 bash : SED를 사용하여 선을 사용하여 줄을 어떻게 삽입합니까?
  • 다음 PHP에서 CSV에서 임의의 데이터를 출력하는 방법은 무엇입니까?
    • 트렌드