Select all SPAN elements which contain a "foobar" property? If possible with jQuery

[Matt Adams]

How can I select (from Tampermonkey script) all SPAN elements in current webpage which contain a property "foobar"?

The assigned value is unimportant.

So elements like the following should be matched:

<span aaa="bbb" foobar="23452345" .....>...</span>

I tried:

$('span[foobar^=""]').remove();

but it didn't work.

And

$('span').attr('foobar').remove();

didn't work either.

[Jenna]

When you use the prefix attribute selector [att^=val] then the value cannot be an empty string.

https://www.w3.org/TR/selectors-3/#attribute-substrings

The jQuery method .attr(attributeName) returns the value of this attribute for the FIRST element. So in this case it would return the string "23452345". And strings don't have a .remove() method.

https://api.jquery.com/attr/#attr1

To select all spans that have the attribute foobar you can use the attribute presence selector [attr]. So in this example it would be span[foobar].

https://www.w3.org/TR/selectors-3/#attribute-representation

[Brian L. Matthews]

You don't need jQuery for this, something like
document.querySelectorAll('span[foobar]') will return a live NodeList
with all the spans with attribute foobar (regardless of the attribute's
value) in it.

Brian