Question

我正在处理与网站相关联的Chrome扩展程序。我想更改div中的文本，但div有动态ID，没有其他方法可以识别它（即没有类）

div看起来像这样

<div id="button select-leg routing_idens-640bbf2f16,"> text... </div>

div在id

中总是有“button select-leg routing_idens-”

我可以使用类似于.find（）的东西，它会找到总是出现字符串的div吗？

Answer 1

如果您的身份证有效：

<div id="button_select-leg_routing_idens-640bbf2f16,"> text... </div>

您可以使用attribute-starts-with-selector^(docs)：

$('div[id^="button_select-leg_routing_idens-"]')

Answer 2

在jQuery中：

$('div[id^="button select-leg routing_idens-"]')

Answer 3

我认为您必须通过标记名称（div）或使用querySelectorAll（'div'），然后遍历这些返回的元素，并根据子字符串检查它们的ID。

这是一个例子。您还必须更正您的ID，空格无效。

var elements = document.querySelectorAll('div');
for(var e in elements) {
    if(elements[e].id.indexOf('some_substring') !== -1) {
        // Now elements[e] contains the element you want.
    }
}

Answer 4

所有现代JavaScript库（JQuery，Mootools，Dojo等）都提供了非常有效的方法（选择器）来查找页面上的某些元素。您可以迭代元素并选择第7个（如果这是常量）或检查它的id是否以“button select-leg routing_idens-”开头。

Jquery：jquery.com

Mootools：mootools.net

找不到完全身份证的div

4 个答案: