найти ближайший названный якорь к элементу на веб-странице в JavaScript

Question

Я хотел бы иметь возможность щелкнуть правой кнопкой мыши элемент на веб-странице и получить URL-адрес ближайшего якоря.

Например, скажем, я просматриваю онлайн-документы, и япосмотрите на абзац, в котором говорится что-то удивительное, тогда я хотел бы иметь возможность щелкнуть по нему правой кнопкой мыши, выбрать «скопировать URL ближайшего якоря», затем перейти в мою среду IDE и иметь возможность вставить URL типа «http://docs.somelang.org/1.9/manual.htm#section9" вКомментарий к коду.

В настоящее время я должен выполнить «просмотр исходного кода» и поиск ближайшего элемента.

Все, что делает что-то достаточно близкое в любом крупном браузере, будет достаточно, но мойидеальным ответом было бы то, что можно добавить в контекстное меню в Chrome.

Answer 1

Здесь есть букмарклет, который делает это: https://www.squarefree.com/bookmarklets/webdevel.html#named_anchors

Answer 2

Вы можете написать скрипт jQuery, который вы запускаете на каждой странице, вызывая клики.

1. Используйте jQuerify или аналогичный для активации jQuery на странице.
2. Затем введите консоль Chrome, Safari или Firefox для ввода вашего кода.
3. Код может начинаться следующим образом: $ ('body'). Live ('click', functionThatFindsClosestAnchorElement);

Надеюсь, это поможет!