Find 3rd span tag in a div?

Find 3rd span tag in a div?

Hi,

I have the following HTML and I'm trying to basically find a way to get at the third span tag in this div.  There will be multiple divs like this when my page is rendered so I can't just use the css classname to do what I want as that would apply to multiple areas on my page.

Each div though has a unique ID, in this case "divCustomer" so I want to start with that and then find the 3rd span tag which contains this text "John Smithy". 

How can I do this?

  1. <div id="divCustomer" class="section" style="display:block;">
     
      <div class="row">
        <label for="customerName">Customer List</label>
        <span class="required">&nbsp;</span>
        <div class="j-unselectable select-required-select select-area">
            <span class="left"></span>
          <span class="center j-unselectable">John Smithy</span>
          <a class="select-opener"></a>
        </div>
        <select class="required-select j-hidden" id="customerName" name="customerName">
        <option>&nbsp;</option>
            <option value="112">John Smithy</option>
        </select>
      </div>
     
    </div>