How To Use HTML5 Data-* Attributes with JQuery and Selenium

HTML : <div data-element=”city”>Los Angeles</div>

CSS Attribute Selector syntax: [attributeName=”attribute value”].

jQuery: var city = $(‘[data-element=”city”]’);

Selenium:  WebElement element = driver.findElement(By.cssSelector(‘[data-element=”city”]’))