Extract from Page

Get data from the page using jQuery selectors

by @pixiebrix

How to Use

This brick allows you to read the data associated with a specific jQuery selector. In plain English, this means you can use this brick to extract data from a webpage. The mouse icon in the selector field will allow you to hover over a page to find a section that you want to reference later in your mod.

For example, maybe you want to reference a company title on a LinkedIn page or the number of reviews on a Glassdoor page. Selecting the part of the page that consistently saves that text allows PixieBrix to search it every time and grab the value dynamically.

In most cases, you don't need to know anything about jQuery to use this brick, but if you'd like to perform advanced data extraction or are unable to find what you need consistently, you might find that manually setting the jQuery selector with any of the supported selector extensions can help you fine-tune what is extracted from the page.

Use Case

  • Grab the content of a particular element by using the mouse icon to show where the data lives on a page layout
  • Use advanced syntax in the selector to find elements based on their inputs i.e. :contains, :nth-child

Mods Using This Brick

Tutorials Using This Brick


Inputs

Name Required Type Description
selectors object

Outputs

Name Required Type Description

Related Tags