无法在jQuery扩展中迭代HTMLCollection

时间:2017-07-28 07:05:53

标签: javascript jquery google-chrome-extension

我正在制作表格填充物。下面的代码在Chrome控制台中工作正常,但是当我将代码放入扩展程序(表单填充程序)时,它不起作用。

jQuery代码:

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

还尝试了JavaScript代码

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>

注意:我在Google中尝试了所有可能的选项。但是,上面的选择器不返回标签的数组列表。请注意,它适用于开发人员控制台。

2 个答案:

答案 0 :(得分:0)

我修复了通过setInterval

在我的代码中添加一些延迟的问题

答案 1 :(得分:-1)

addressElement[0].click();

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