Get all anchor elements with jQuery from console?

Question

I'm trying to execute some changes on ALL anchor tags. Unfortunately, things aren't going as planned.

$('a').remove()

This line only seems to affect the first element it encounters--- if I execute it in the console repeatedly, it progresses through the page removing each new anchor it finds.

I want to remove them all at once. I had thought this select would affect them all. So then I tried:

$('a').each(function(){this.remove();});

And got:

TypeError: Object [object HTMLAnchorElement] has no method 'each'

What is the correct solution to this, to execute code on all anchors?

@Jack - You should also add Firefox then. It applies to Firebug too. — Joseph Silber, Aug 28 '13 at 02:06
I love how you're both using @calls when you're the only people in the conversation and the comment would notify the other automatically anyway. — temporary_user_name, Aug 28 '13 at 02:12

score 6 · Accepted Answer · answered Aug 28 '13 at 02:00

6

It seems you haven't loaded jQuery correctly.

The console maps $ to document.querySelecor, which only finds the first item.

BTW, the console also maps $$ to document.querySelectorAll, so the following would work:

var allAnchors = $$('a');

You obviously won't have jQuery's methods available to allAnchors.

answered Aug 28 '13 at 02:00

Joseph Silber

214,931
59
362
292

You are quite right. For some reason I assumed that the chrome console would have it built in....silly... – temporary_user_name Aug 28 '13 at 02:02
Man, whose crazy idea was that :) – Ja͢ck Aug 28 '13 at 02:03
@Jack - [I think Firebug](http://getfirebug.com/wiki/index.php/Command_Line_API#.24.28selector.29). Though I'm not sure who copied whom. – Joseph Silber Aug 28 '13 at 02:03
Back in the olden days, Firebug copied Prototype.js and came up with $=document.getElementById, $$=document.querySelectorAll; Chrome's inspector copied that when it first appeared. More recently $ changed to document.querySelector in all devtools, at Paul Irish's suggestion. – Simon Lindholm Aug 28 '13 at 09:06
So what is the code to remove all elements after all? – Milen Kovachev Aug 06 '19 at 16:30

Get all anchor elements with jQuery from console?

1 Answers1