How to select a single item in protractor

Question

Usually in protractor you can select singular element with:

element(protractor.By.css('#fdfdf')); 

Occasionally you get something like this:

element(protractor.By.css('.dfdf')); 

which potentially has more than one element. What's the correct way to select an index from a locator that locates multiple elements, and still contain the protractor's methods for sending Keys?

Answer 1

You can get an indexed element from an array returned with

// Get the 5th element matching the .dfdf css selector element.all(by.css('.dfdf')).get(4).sendKeys('foo'); 

Answer 2

If you want to get the first element then

element.all(by.css('.dfdf')).first(); element.all(by.css('.dfdf')).get(0);