javascript 不使用 jQuery 选择元素
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/7266631/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
Selecting elements without jQuery
提问by J?rgen
I guess this will be voted down, as it doesn't contain enough jQuery, but here it goes :)
我想这将被否决，因为它没有包含足够的 jQuery，但它在这里:)
What is the most effective way to get the element(s) returned by the jQuery selector below using plain oldjavascript?
使用普通的旧javascript 获取下面的 jQuery 选择器返回的元素的最有效方法是什么？
$('a[title="some title text here"]', top.document)
采纳答案by icktoofay
If you're using a modern browser, you could use this:
如果您使用的是现代浏览器，则可以使用以下命令：
window.top.document.querySelectorAll('a[title="some title text here"]')
回答by margusholland
Not sure if it's the most effective, but at least it works.
不确定它是否最有效，但至少它有效。
var links = top.document.getElementsByTagName('a');
var result = [];
var linkcount = links.length;
for ( var i = 0; i < linkcount; i++) {
if (links[i].getAttribute('title') === 'some title text here') {
result.push(links[i]);
}
}
回答by James Kyburz
Here is an example
这是一个例子
var getElements = function(tagName, attribute, value, callback) {
var tags = window.document.getElementsByTagName(tagName);
for (var i=0; i < tags.length; i++) {
var tag = tags[i];
if (tag.getAttribute(attribute) == value) {
callback(tag);
}
};
};
getElements("a", "title", "PHP power player at Hettema & Bergsten. Click to learn more.", function(tag) {
console.log(tag);
});
