jQuery:如何遍历所有'a‘元素？

Question

我希望能够在页面上更改所有锚点的属性。但我不知道如何遍历所有这些元素。

Answer 1

使用每个：

http://api.jquery.com/each/

$("a").each(function(){
    //do something with the element here.
});

Answer 2

您可以将.attr()与函数一起使用来更改特定属性，例如：

$("a").attr("href", function(i, oldHref) {
  return oldHref + "#hash";
});

这比.each()更便宜，因为您不是在每次迭代中创建额外的jQuery对象，而是在不执行此操作的情况下访问DOM元素上的属性。

Answer 3

jQuery本身就提供了这种能力。

$('a').do_something();

将do_something()连接到页面上的每个a。所以：

$('a').addClass('fresh'); // adds "fresh" class to every link.

如果需要单独查看每个a的属性，则使用.each()

$('a').each( function(){
  var hasfoo = $(this).hasClass('foo'); // does it have foo class?
  var newclass = hasfoo ? 'bar' : 'baz'; 
  $(this).addClass(newclass); // conditionally add another class
});