javascript - 如何获取名称以某个字符串开头的所有元素？

Question

我有一个 HTML 页面。我想提取名称以“q1_”开头的所有元素。

如何在 JavaScript 中实现这一点？

Answer 1

一种快速简便的方法是使用 jQuery并这样做:

var $eles = $(":input[name^='q1_']").css("color","yellow");

这将抓取所有 name 属性以 'q1_' 开头的元素。要将生成的 jQuery 对象集合转换为 DOM 集合，请执行以下操作:

var DOMeles = $eles.get();

参见 http://api.jquery.com/attribute-starts-with-selector/

在纯 DOM 中，您可以使用 getElementsByTagName 获取所有输入元素，并循环遍历结果数组。 name 以 'q1_' 开头的元素被推送到另一个数组:

var eles = [];
var inputs = document.getElementsByTagName("input");
for(var i = 0; i < inputs.length; i++) {
    if(inputs[i].name.indexOf('q1_') == 0) {
        eles.push(inputs[i]);
    }
}