フリーランスのためのネットビジネス専門学校 ネットで独立開業を目指す人を応援
フリーランスのためのネットビジネス専門学校 ネットで独立開業を目指す人を応援

Progate「jQuery 初級編、中級編、上級編」に登場するメソッド、イベント

Qiitaの通知一覧から、いいねしてくれたユーザーのページに直リンするUserscriptを作った – Qiita

:oncoming_police_car:Qiita警察だ!!:oncoming_police_car:

とっても便利な機能!なのですが、一身上の都合によりネイティブで使いたいため書き換えさせてもらいます。

動作検証環境

  • Firefox 61.0
  • Tampermonkey 4.7.5788

コード

// ==UserScript==
// @name         Qiita user link
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Qiitaの通知欄から直接ユーザページに遷移できるようにする。
// @author       khsk
// @match        https://qiita.com/notifications*
// @grant        none
// ==/UserScript==

// https://qiita.com/Sinhalite/items/892d4c972aeed6d1dcaf

(function() {
    'use strict';

    // queryをspan.bold:first-child指定にしてtextContentがツイートを弾くでもよさそう
    document.querySelectorAll('.notification_actionWrapper > span:first-child').forEach((node) => {
        // nextSiblingではテキストノードの「が」が引っかかるのでElementを
        if (node.nextElementSibling.textContent == 'ツイート') {
            return;
        }
        const link = document.createElement('a');
        link.href = node.textContent;
        link.target = '_parent';
        link.appendChild(node.cloneNode(true));
        node.parentNode.replaceChild(link, node);
    });
})();

next(Element)Siblingなんておそらく初めて使いました。
勉強になりますねー


見やすく短いのはjQueryでしょうかー
便利ですねー


こういう場合にauthor書き換えるべきか少し悩みます。

[紹介元] jQueryタグが付けられた新着投稿 – Qiita Progate「jQuery 初級編、中級編、上級編」に登場するメソッド、イベント

コメント

記事に戻る

コメントを残す