2016-12-14 62 views
0
<table class="table table-bordered table-striped"> 

    <thead> 
     <tr> 
     <td> 
      <a href="#" ng-click="sortType = 'date'; sortReverse = !sortReverse"> 
      Date-Time 
      </a> 
     </td> 
     <td><a>Amount</a></td> 
     <td><a>Transaction Type</a></td> 
     </tr> 
    </thead> 

    <tbody> 


     <!-- ngRepeat: tx in transactions | orderBy:sortType:sortReverse | sDate:startDate:end --><tr id="anchor0" ng-repeat="tx in transactions | orderBy:sortType:sortReverse | sDate:startDate:end" class="ng-scope"> 
     <td class="ng-binding">Dec 8, 2016 4:44:43 PM</td> 
     <td class="ng-binding">210</td> 
     <td class="ng-binding">Credit</td> 
     </tr><!-- end ngRepeat: tx in transactions | orderBy:sortType:sortReverse | sDate:startDate:end --><tr id="anchor1" ng-repeat="tx in transactions | orderBy:sortType:sortReverse | sDate:startDate:end" class="ng-scope"> 
     <td class="ng-binding">Dec 8, 2016 4:45:08 PM</td> 
     <td class="ng-binding">100</td> 
     <td class="ng-binding">Debit</td> 
     </tr><!-- end ngRepeat: tx in transactions | orderBy:sortType:sortReverse | sDate:startDate:end --><tr id="anchor2" ng-repeat="tx in transactions | orderBy:sortType:sortReverse | sDate:startDate:end" class="ng-scope"> 
     <td class="ng-binding">Dec 13, 2016 10:54:03 AM</td> 
     <td class="ng-binding">1000</td> 
     <td class="ng-binding">Credit</td> 
     </tr><!-- end ngRepeat: tx in transactions | orderBy:sortType:sortReverse | sDate:startDate:end --><tr id="anchor3" ng-repeat="tx in transactions | orderBy:sortType:sortReverse | sDate:startDate:end" class="ng-scope"> 
     <td class="ng-binding">Dec 13, 2016 10:54:05 AM</td> 
     <td class="ng-binding">32</td> 
     <td class="ng-binding">Credit</td> 
     </tr><!-- end ngRepeat: tx in transactions | orderBy:sortType:sortReverse | sDate:startDate:end --><tr id="anchor4" ng-repeat="tx in transactions | orderBy:sortType:sortReverse | sDate:startDate:end" class="ng-scope"> 
     <td class="ng-binding">Dec 13, 2016 10:54:10 AM</td> 
     <td class="ng-binding">155</td> 
     <td class="ng-binding">Debit</td> 
     </tr><!-- end ngRepeat: tx in transactions | orderBy:sortType:sortReverse | sDate:startDate:end --><tr id="anchor5" ng-repeat="tx in transactions | orderBy:sortType:sortReverse | sDate:startDate:end" class="ng-scope"> 
     <td class="ng-binding">Dec 13, 2016 10:54:12 AM</td> 
     <td class="ng-binding">12</td> 
     <td class="ng-binding">Debit</td> 
     </tr><!-- end ngRepeat: tx in transactions | orderBy:sortType:sortReverse | sDate:startDate:end --> 
    </tbody> 

    </table> 

這是HTML代碼,我想要第一行的日期時間量?如何從表中獲取第一行值?

+0

請花幾分鐘在此處瞭解代碼格式化工具,然後使用預覽窗格檢查問題是否可讀。謝謝。 – halfer

+0

這裏是示例代碼 –

+0

它(「測試字段」,函數(){browser.get('http://www.way2automation.com'); element.all(by.repeater('tx in transactions' ))。then(function(rows){columns(0).getAttribute('))。然後(函數(行){row.forEach(函數(行){row.all(by.tagName('td'))然後(function(dateText){console.log('Date:'+ dateText);}); columns [1] .getAttribute('innerText')。then(function(amountText){console.log 'amount:'+ amountText);}); columns [2] .getAttribute('innerText')。then(function(transactionType){console.log('Transaction Type:'+ transactionType);});}); }); –

回答

0

使用下面的代碼,你將能夠從第一行獲取日期:

element(by.repeater('tx in transactions')).element(by.tagName('td')).getAttribute('innerText').then(function(dateText){ 
    console.log('Date for first row is::' + dateText); 
}); 

如果你想爲所有行做同樣的:

element.all(by.repeater('tx in transactions')).then(function(rows){ 
    rows.forEach(function(row, index){ 
     row.element(by.tagName('td')).getAttribute('innerText').then(function(dateText){ 
      console.log('Date for ' + (index+1) + ' row is::' + dateText); 
     }); 
    }); 
}) 

你可以參考下面的帖子,在t他編寫了用於檢索所有不同列值的代碼: https://stackoverflow.com/a/41102952/7283782

+0

謝謝喲它的工作原理...但如何檢查console.log輸出?因爲瀏覽器如此快速關閉 –

+0

明白了..謝謝你 –

+0

太好了,那麼請將此標記爲已接受的答案。會幫我得分:) – rk30

0

這個問題非常含糊,請包括您嘗試過的一些代碼示例。

但是,您可以將「id」應用於包含所需數據的元素。然後,您可以使用一些簡單的JavaScript來獲取該元素的值。

var el = document.getElementById('');

el.value;

相關問題