ツールチップを非表示にしたい

Question

実現したいこと

・Chromeを使って、
・ウェブページを読み込むのと同時に、
・ページ内にある全要素から、
・[data-tooltip属性]を削除したい。

前提

同上。

発生している問題・エラーメッセージ

Javascriptを使えば可能なのかなと思い、[User JavaScript and CSS]という拡張機能を入れて色々書きこんでみたのですが、まったく無反応でした。

例えば、

$(function(){
$('.abc').attr('data-tooltip');
})

↑こんなコードを書き込んでみたのですが、まったく無反応でした。
そもそも属性の削除は、この拡張機能では不可能なのかもしれません。
まったく見当違いな事を言っていたとしたら御容赦ください。

試したこと

同上。

補足情報（FW/ツールのバージョンなど）

はたして、自分がやろうとしていることは可能なのか否か、可能であるならばどのような方法があるのか、教えてください。
どんな方法でも構いませんので、ヒントだけでも示して頂けると大変助かります。
(この問題について20時間ぐらい調べましたが、解決の糸口すら掴めない状況です)
よろしくお願い致します。

Answer 1

$(function(){
$('.abc').attr('data-tooltip');
})

そもそも [User JavaScript and CSS] の中で jQuery は使えるのでしょうか。

---

document.querySelectorAll('[data-tooltip]') で対象の要素を集めて、それをループして、それぞれの要素に removeAttribute('data-tooltip') を呼んで属性を削除しましょう。

Comments

[退会済みユーザー]

CSSで解決できました。
御回答頂きありがとうございました。

Answer 2

↑こんなコードを書き込んでみたのですが、まったく無反応でした。

そうですね、属性を参照するだけですので、何も表示されない、目に見えるような動作も起こさないコードで間違いありません。

Comments

[退会済みユーザー]

すいません。
間違えました。
.removeAttr()ですね。

[退会済みユーザー]

と言っても、

$(function(){
$('.abc').removeAttr('data-tooltip');
})

と書いてみても何も起こりませんでした。
すいません。

何か根本的に間違っているのでしょうか？