选择没有jQuery的元素

Question

我想这会被拒绝，因为它不包含足够的jQuery，但是它在这里：）

使用普通的旧 javascript获取jQuery选择器返回的元素的最有效方法是什么？

$('a[title="some title text here"]', top.document)

Answer 1

如果您使用的是现代浏览器，则可以使用：

window.top.document.querySelectorAll('a[title="some title text here"]')

Answer 2

不确定它是否最有效，但至少它有效。

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]);
    }
}

Answer 3

这是一个例子

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);
});