如何通过多个属性查找元素并添加到该特定元素？

Question

我如何获得这个元素：

<input type="search" class="" placeholder="" aria-controls="surchargeTable">

并为其添加属性：

<input type="search" class="" placeholder="" aria-controls="surchargeTable" ng-model="model.searchValue">

我试过了：

    $(document).ready(function() {
    var temp = $('input[aria-controls=surchargeTable]');
    temp.attr("ng-model", "model.searchValue");
});

这并没有给我正确的元素（除非我误解它应该做什么）。

结果：

<input type="search" class="" placeholder="" aria-controls="surchargeTable">

没有改变

页面上只有一个元素带有aria-controls =＆＃34;附加费＆＃34;但是有多种搜索类型输入。

是否可以使用正确的aria-controls值抓取页面上的一个输入？

Answer 1

在评论/讨论中，运行代码时，页面中的元素不存在。

您需要延迟执行，直到它们存在。

更改执行顺序，以便您的代码最后运行，或使用setTimeout延迟代码。

e.g。

$(document).ready(function () {
    setTimeout(function () {
        var temp = $('input[aria-controls=surchargeTable]');
        temp.attr("ng-model", "model.searchValue");
    }, 1);
});

您确实需要首先确定添加输入的内容。