使用量角器选择子div ID

Question

我有问题拉动孩子divID在row.map函数下面的每一行。

换句话说，对于每一行元素我重复，我想拉rowId ATTRIB：

<div id="rowId_21"> 

下面是一个HTML片段：

<div ng-repeat="row in vm.sourceData.data" ng-init="thatRow=$index"> 
 
<div id="rowId_21" ng-class-odd="'row-2'" ng-class-even="'row-3'" > 
 
    <div ng-repeat="column in vm.sourceData.columns" >  
 
    <div ng-if="row[column.field].length !== 0" class="ng-scope highlight21"> \t 
 
    \t <span ng-bind-html="row[column.field] | changeNegToPrenFormat" vm.highlightedrow="" class="ng-binding"> 
 
       Sales 
 
     </span> 
 
    </div>  
 
    </div> 
 
</div> 
 
</div> 
 
<div ng-repeat="row in vm.sourceData.data" ng-init="thatRow=$index"> 
 
    <div id="rowId_22" ng-class-odd="'row-2'" ng-class-even="'row-3'" ng-class="vm.hideRow(row)" class="row-3 height-auto"> 
 
    <!-- ... --> 
 
</div> 
 
</div>

我开始拉动rows对象，然后我重复它们：

// pulls the data rows 
 
var selDataRows = '.grid-wrapper.fluid-wrapper'; 
 
var rows = element(by.css(selDataRows)).all(by.repeater('row in vm.sourceData.data')); 
 

 
rows.map(function (row, idx) {    
 
    //var thisRowId = row.element(by.css('div[id^="rowId_"]')); // *** RETURNS NULL 
 
    
 
    var thisRowId = row.all(by.xpath("descendant::div[starts-with(@id, 'rowId')]")); 
 
    
 
    thisRowId.getText().then(function(txt){    
 
     // RETURNS A VERY LONG ID: [ '7\n4\n41\n113\n3.3\n(34)\n(1.1)\n7...] 
 
     console.log('--- Curr Div ID: ', txt); 
 
    }); 
 
    
 
}). 
 
then(function(){    
 
console.log('*** Rows.Map Done.');    
 
});

我认为这将拉动第一子ID（即https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors）：

by.css('div[id^="rowId_"]')，

或者可能是这样的：

by.xpath("descendant::div[starts-with(@id, 'rowId')]")，

但是似乎都不奏效。

咨询赞赏...

鲍勃

Answer 1

首先，你需要从映射功能回报。而且，使用.getAttribute()方法获取id属性：

var selDataRows = '.grid-wrapper.fluid-wrapper'; 
var rows = element(by.css(selDataRows)).all(by.repeater('row in vm.sourceData.data')); 

rows.map(function (row) {    
    return row.element(by.xpath("descendant::div[starts-with(@id, 'rowId')]")).getAttribute("id").then(function(rowId) {    
     return rowId; 
    }); 
}).then(function(ids) {    
    console.log(ids);    
});