ul li divからデータを取得してjsonに保存する

Question

これは数時間前から考えていますが、解決策が見つかりません。だから、基本的に私はこの

<ul class="list"> 
    <li class="user"> 
     <div class="name">Name</div> 
     <div class="surname">Surname</div> 
    </li> 
    <li class="user odd"> 
     <div class="name">Name</div> 
     <div class="surname">Surname</div> 
    </li> 
    <li class="user"> 
     <div class="name">Name</div> 
     <div class="surname">Surname</div> 
    </li> 
    <!--And like so....--> 
</ul> 

のようなリストを持っており、これは私のナイトウォッチスクリプトが

.elements('css selector','.li',function(result){ 
    console.log(result.value); 
    }); 

結果は[] =空の配列

あるしかし、主な質問がどうなるかですがどのように見えるかでありますul liのすべてのデータを実行し、jsonファイルのようにconsole.logを書くベストプラクティス？

のように：あなたのいずれかが助けることができる場合は

{ 
    "name": "name", 
    "surname": "Yaya", 
}, 
{ 
    "name": "name2", 
    "surname": "Yaya2", 
}, 

が、私は、このためのいくつかのハンディキャップを与えてください。

Answer 1

純粋なJSでは次のようなことができますか。

var lis = document.querySelectorAll("ul li"), 
 
     i = 0, 
 
    jData = []; 
 
for (var li of lis) { 
 
    var divs = li.getElementsByTagName("div"), 
 
    liObj = {}; 
 
    for (var div of divs) liObj[div.className] = div.textContent; 
 
    jData.push(liObj); 
 
} 
 
jData = JSON.stringify(jData); 
 
console.log(jData);

<ul class="list"> 
 
    <li class="user"> 
 
     <div class="name">Name</div> 
 
     <div class="surname">Surname</div> 
 
    </li> 
 
    <li class="user odd"> 
 
     <div class="name">Name</div> 
 
     <div class="surname">Surname</div> 
 
    </li> 
 
    <li class="user"> 
 
     <div class="name">Name</div> 
 
     <div class="surname">Surname</div> 
 
    </li> 
 
    </ul>