質問: 初めまして、オガと申します。 WordPressの記事内にoEmbedでのツイート埋め込みを利用していたのですが、 ツイッターの仕様が変更されたのか、最近になって引用ツイートの引用元が表示されるようになってしまいました。 Chromeの検証ツールで埋め込みツイートのソースを見てみると、埋め込みツイート全体がshadow-rootで分離しているようだったので、 jQueryを利用してshadow-root内のボックス要素を非表示にできないものかと考えました。 しかしjava scriptに対する知見が浅く、どのようなスクリプトを書いたらよいのか分かりません。 ![イメージ説明](https://teratail.storage.googleapis.com/uploads/contributed_images/ae5e78b682a5dfbdb663ed6166a34b53.jpeg) jQueryでShadow-Root内のボックス要素を非表示にするには、どのように記述したらよいでしょうか。 お詳しい方がいらっしゃいましたらご教授頂ければ幸いです。 ### 前提・実現したいこと 埋め込みツイート(Shadow-rootで分離している)内のボックス要素(~)を非表示にしたい ### 該当のソースコード ``` #shadow-root 中略 ~ ←このボックス要素を非表示にしたい 中略 ``` ### 試したこと style.css内に display:none !important;を記述して~を非表示にしようとする →Shadow-Root内にCSSが適用されず ### 補足情報(FW/ツールのバージョンなど) ブラウザ:Chrome WordPress4.8.1
回答: 単純に消したいだけならおそらくこう。 ``` $(function(){ $(".Tweet-card").remove(); }); ``` もしかしたらtwitterwidget のロードイベントをとった方がいいかもしれないですが、そこは調整してください。 ``` $("twitterwidget ").on("load",function () { $(".Tweet-card").remove(); }); ```