제목

Question

사용하여 순수 자바 스크립트

내 코드 내가

$("#all-items table tbody tr").title 

를 반환합니다 사용할 수있는 jQuery를 함께 알고

<div id="all-items"> 
    <table> 

     <tbody> 

     <tr title="Text 1"></tr> 
     <tr title="Text 2"></tr> 
     <tr title="Text 3"></tr> 

    </tbody> 

    </table> 
</div> 

, 이드, TBODY, TR 내의 모든 글로벌 속성 값을 가져옵니다

"Text 1" 

하지만 jQuery는 효과가 없습니다. h 내 프런트 엔드 프레임 워크 나는 어떤 이유로 사용하고 있습니다. 또한 테이블 행 내의 페이지에서 title 속성의 모든 값을 반환하려고합니다.

Answer 1

사용하여 자바 스크립트 만 ...

var rows = document.getElementById('all-items').getElementsByTagName('tr') 
 
var titles = []; 
 

 
for (var i = 0; i < rows.length; i++) { 
 
    titles.push(rows[i].getAttribute("title")); 
 
} 
 

 
console.log(titles);

<div id="all-items"> 
 
    <table> 
 

 
     <tbody> 
 

 
     <tr title="Text 1"></tr> 
 
     <tr title="Text 2"></tr> 
 
     <tr title="Text 3"></tr> 
 

 
    </tbody> 
 

 
    </table> 
 
</div>

Answer 2

@WalksAway의 대답은 괜찮습니다. 그래도 jQuery 선택기를 다시 사용하려면 querySelectorAll()을 참조하십시오.

var items = Array.from(document.querySelectorAll("#all-items table tbody tr")); 
 
var titles = items.map(function(item) { return item.title; }); 
 
console.log(titles);

<div id="all-items"> 
 
    <table> 
 
    <tbody> 
 
     <tr title="Text 1"></tr> 
 
     <tr title="Text 2"></tr> 
 
     <tr title="Text 3"></tr> 
 
    </tbody> 
 
    </table> 
 
</div>