JavaScriptでオブジェクトとして設定したdivの兄弟を取得するにはどうすればよいですか？

Question

私は、クラス名が.label-telのページ上のすべてのdivを繰り返し処理しています。私がそれらをループしている間、次の兄弟をどうやってつかまえますか？ CSSでは、私はただ.label-tel + .telを使用します。しかし、divと.label-telが現在オブジェクトになっているので、私はそれを達成する方法がわかりません。

これは私が試したものですが、うまくいかなかったのです。

document.querySelector(phone + " + .tel"); 

ここに私のフルコードです。

はJavaScript

let phoneList = row.querySelectorAll("div.label-tel"); 
for (let phone of phoneList) { 
    document.querySelector(phone + " + .tel"); 
} 

HTML

<div class="label label-tel">Work phone:</div> 
<div class="tel">352.342.1460</div> 

<div class="label label-tel">Mobile phone:</div> 
<div class="tel">352.942.1990</div> 

Answer 1

あなたはここで以前にコメントしたnextElementSiblingを使用する1つの方法だel.nextElementSibling

Answer 2

を使用することができます。あなたは '（PhoneListとしてで電話をしましょう）' '（PhoneListとしての電話をしましょう）は' の代わりに使用するのはなぜ

var row = document.getElementById('row'); 
 
const phoneList = row.querySelectorAll("div.label-tel"); 
 
const res = document.getElementById('results'); 
 

 
for (let phone of phoneList) { 
 
    var num = phone.nextElementSibling.textContent; 
 
    res.innerHTML += '<p>' + num + '</p>'; 
 
}

<section id='row'> 
 
    <div class="label label-tel">Work phone:</div> 
 
    <div class="tel">352.342.1460</div> 
 
    <div class="label label-tel">Work phone:</div> 
 
    <div class="tel">352.342.1460</div> 
 
    <div class="label label-tel">Work phone:</div> 
 
    <div class="tel">352.342.1460</div> 
 
    <div class="label label-tel">Work phone:</div> 
 
    <div class="tel">352.342.1460</div> 
 
    <div class="label label-tel">Work phone:</div> 
 
    <div class="tel">352.342.1460</div> 
 
    <div class="label label-tel">Work phone:</div> 
 
    <div class="tel">352.342.1460</div> 
 
    <div class="label label-tel">Work phone:</div> 
 
    <div class="tel">352.342.1460</div> 
 
    <div class="label label-tel">Work phone:</div> 
 
    <div class="tel">352.342.1460</div> 
 
</section> 
 
<hr> 
 
<div id='results'></div>