I am looking to scan a page and look for any html elements that have a class or id that contains the word price. My thought was to use regex here but I cannot get it to fire correctly.
I am using Safari and Chrome on OS X
var price = $("div:regex(\bprice\b)").text(); The purpose is to get the price of a product on an e-commerce site if it isn't already stated in Open Graph which is already handled.
"\b" is same as "\x08".
Escape \:
var price = $("div:regex(\\bprice\\b)").text(); 
Error: Syntax error, unrecognized expression: unsupported pseudo: regex
regex isn't part of jQuery, you have to use james.padolsey.com/javascript/regex-selector-for-jqueryTypeError: 'undefined' is not an object (evaluating 'match[3]')A simple way is to use contains word selector:
$('div[id~="price"], div[class~="price"]') 
$('div[id~="price"], div[class~="price"], span[id~="price"], span[class~="price"], p[class~="price"], p[id~="price"]').first().text(); and it works well however seems a little messy any thoughts?
$('[id~="price"], [class~="price"]')You can do that by adding new pseuo selector:
jQuery.expr[':'].regex = function(elem, index, match) { var regex = new RegExp(match[3]), $elem = $(elem); return regex.test($elem.attr('class')) || regex.test($elem.attr('id')); }; and you can use this selector using:
$("div:regex(\\bprice\\b)") 