Значение селектора не определенно в цикле

Question

<table class="list" border="0" cellspacing="0" cellpadding="0"> 
    <tr class="dataRow"> 
    <td scope="row" class="dataCell"> 
     <a href="https://test.com/test" class="ng-binding">1</a> 
    </td> 
    <td scope="row" class="dataCell"> 
     <a href="https://test.com/test" class="ng-binding">2</a> 
    </td> 
    <td scope="row" class="dataCell"> 
     <a href="https://test.com/test" class="ng-binding">3</a> 
    </td>  
    <td scope="row" class="dataCell"> 
     <a href="https://test.com/test" class="ng-binding">Homepage</a> 
    </td> 
    </tr> 
    <tr class="dataRow"> 
    <td scope="row" class="dataCell"> 
     <a href="https://test.com/test" class="ng-binding">1</a> 
    </td> 
    <td scope="row" class="dataCell"> 
     <a href="https://test.com/test" class="ng-binding">2</a> 
    </td> 
    <td scope="row" class="dataCell"> 
     <a href="https://test.com/test" class="ng-binding">3</a> 
    </td> 
    <td scope="row" class="dataCell"> 
     <a href="https://test.com/test" class="ng-binding">Blog</a> 
    </td> 
    </tr> 
    <tr class="dataRow"> 
    <td scope="row" class="dataCell"> 
     <a href="https://test.com/test" class="ng-binding">1</a> 
    </td> 
    <td scope="row" class="dataCell"> 
     <a href="https://test.com/test" class="ng-binding">2</a> 
    </td> 
    <td scope="row" class="dataCell"> 
     <a href="https://test.com/test" class="ng-binding">3</a> 
    </td> 
    <td scope="row" class="dataCell"> 
     <a href="https://test.com/test" class="ng-binding">Contact</a> 
    </td> 
    </tr> 
</table> 


var tableRow = document.querySelectorAll('.dataRow'); 
var links = $('.dataCell:nth-child(4) .ng-binding'); 

for(var i=0; i<tableRow.length; i++){ 

    console.log(links[i]); 
} 

не понимают, почему значение links является undefined Я пробовал имеющие ссылки переменную, созданные внутри цикла, как хорошо, но я получаю тот же результат - я думаю, что его потому что ссылки не являются массивом? если это так, как бы я это сделал?

Я добавил разметку, чтобы объяснить мой вопрос лучше ... Я пытаюсь получить ссылки из ячейки таблицы и сделать .click() на них

Answer 1

Это решение JQuery, но если это угловая приложение, которое вы должны использовать директивы

вар ссылки = $ ('Datacell:. п-й ребенок (4) .ng-связывающий');

Эта длина объекта будет 0. Посмотрите, как п-й ребенок работает https://api.jquery.com/nth-child-selector/

Я думаю, вы хотите нажать на последних звеньев в каждой ячейке.

var dataRow = $('.dataRow'); 
dataRow.each(function(ind, elem){ 
    console.log($(this).find('.ng-binding').eq(3)); 
    $(this).find('.ng-binding').eq(3).click(); 
});