无法在jQuery扩展中迭代HTMLCollection

Question

I am working on form filler. Below code is working fine in Chrome console, but when I put the code in extension (form filler) it does not work.

jQuery Code:

var addressElement=$($('[data-name="selected-address"]')[0].children).filter(function(idx) {
    return this.innerHTML.indexOf('52') == 0;
});
addressElement[0].click();

Also tried JavaScript code

document.querySelectorAll('[ng-bind="address.formattedAddress"]');

HTML:

<div class="select-replacement form-control" data-name="selected-address">
    <a href="javascript:;" ng-click="selectAddress(address);" ng-repeat="address in address.addressList" ng-bind="address.formattedAddress" class="ng-binding ng-scope">30, test data</a>
    <a href="javascript:;" ng-click="selectAddress(address);" ng-repeat="address in address.addressList" ng-bind="address.formattedAddress" class="ng-binding ng-scope">52, test data2</a>
</div>

Note: I have tried all the possible options in Google. However, the above selector does not return array list of a tags. Please note that it works in developer console.

Answer 1

我修复了通过setInterval在我的代码中添加一些延迟的问题

Answer 2

addressElement[0].click();

至

$(addressElement[0]).click();