trouver l'ancre nommée la plus proche d'un élément sur une page Web en javascript

Question

J'aimerais pouvoir faire un clic droit sur un élément d'une page Web et obtenir l'URL de l'ancre la plus proche. Par exemple, disons que je regarde des documents en ligne, et je vois un paragraphe qui dit quelque chose de surprenant, alors j'aimerais pouvoir cliquer dessus avec le bouton droit de la souris, choisir "copier l'URL de l'ancre la plus proche", puis aller à mon IDE et être capable de coller une URL comme "http://docs.somelang.org/1.9/manual.htm#section9" dans un commentaire de code.

Actuellement, je dois faire "voir la source" et rechercher l'élément le plus proche. Tout ce qui fait quelque chose raisonnablement proche dans un navigateur majeur suffirait, mais ma réponse idéale serait quelque chose qui peut être ajouté au menu contextuel dans Chrome.

Answer 1

Il y a un bookmarklet ici qui fait cela: https://www.squarefree.com/bookmarklets/webdevel.html#named_anchors

Answer 2

Vous pouvez écrire un script jQuery que vous exécutez sur chaque page, en déclenchant des clics.

1. Utilisez jQuerify ou similaire pour activer jQuery sur la page.
2. Ensuite, utilisez la console de Chrome, Safari ou Firefox pour entrer votre code.
3. Le code pouvait commencer comme suit: $ ('body'). Live ('click', functionThatFindsClosestAnchorElement);

Espérons que cela aide!