如何使用jQuery定位页面内的字符串/电子邮件地址

Question

I'm trying to make a script that will search through an entire webpage for email addresses that end in @xyz.com. For example:

$(document).ready(function() {
    $("body:contains('@xyz.com')")
       .css("text-decoration","underline");
  /*$("*:contains('@xyz.com')")
       .css("text-decoration","underline"); doesn't work either */
    I figured contents(); wouldn't be a better choice over contains(); ... 
});

For some reason, it can't seem to detect any email addresses I've hard coded into my page within the paragraphs on the page.

I can't tie the selector down to a specific div since this script will be running on different webpages thus not being able to controll what element the email address is presented in. But... even if I managed to figure that problem out, I still have another problem to deal with...

The email addresses on the webpages will be all random but will all end in @xyz.com. So I'd have to also select anything to left of the @ symbol up until it detects a space between characters.

I can only find solutions to how to detect an email from a list or validation on forms etc.

How can I achieve this?

Answer 1

The problem is that your script is running in the background page, not in the page. The background page can't access directly to DOM of pages loaded by chrome.

To do what you want, look for Content Scripts. This allow you to inject scripts into a given page (like the page loaded in the active tab of chrome). This script can perform action on DOM and comunicate with the background page via the Messaging API of chrome.

Here more informations