jQuery를 사용하여 데이터 속성이 아닌 요소 선택 *

Question

속성 이 포함 된 모든 요소의 목록을없이 jQuery (그리고 전체 DOM 트리를 반복하지 않고)로 가져 오는 간단한 방법이 있습니까?

jQuery를 사용하여 많은 답변을 찾을 수 있지만 프로젝트에서 사용할 수 없으며 일반 자바 스크립트를 사용하여 답변을 찾을 수 없습니다.

예를 들어

나는이 HTML이있는 경우 :

<input data-mydata="data1"> 
<input data-mydata="data2"> 
<div data-mydata="data3"></div> 
<div data-mydata="data4"></div> 
<input> 
<div></div> 

을 다음 data-mydata을 포함하는 모든 종류의 모든 요소의 목록을?

내가 얻으려고하는 것은 데이터 값뿐만 아니라 데이터 - *를 기반으로 한 저장을 위해 특정 요소에서 데이터를 가져 오는 것입니다.

getElementsByName과 함께 name 속성을 사용할 수 있지만 요소로 다른 용도로 설정된 이름으로 내 프로젝트에서 사용할 수 없다는 것을 알고 있습니다.

그리고 나는 querySelectorAll이 CSS (?)에서만 작동한다고 생각합니다.

Answer 1

은 단순히이있다 :

var elements = document.querySelectorAll('[data-mydata]');