title: Chaining an element using css containing text and accessing an associated field
body: <p>I need to access the input field in the below html. The way the page is setup I need to chain using the 'Address Line 1' text and then sending text to the input field.  The input field id changes and so doesn't the layout of the fields depending on user preference.  I am struggling.  If you need some more information feel free to ask I did not want to overload with too much information.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;td class="labelCol requiredInput"&gt;
    &lt;label for="00N36000000xina"&gt;&lt;span class="assistiveText"&gt;*&lt;/span&gt;Address Line 1&lt;/label&gt;
  &lt;/td&gt;
  &lt;td class="dataCol col02"&gt;
    &lt;div class="requiredInput"&gt;
      &lt;div class="requiredBlock"&gt;&lt;/div&gt;
      &lt;input id="00N36000000xina" maxlength="255" name="00N36000000xina" size="20" tabindex="4" type="text"&gt;
    &lt;/div&gt;
  &lt;/td&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I have accessed like this:</p>
  
  <pre><code>element(by.css('div.pbSubsection:nth-child(3) &gt; table:nth-child(1) &gt; tbody:nth-child(1) &gt; tr:nth-child(2) &gt; td:nth-child(2) &gt; input'))
  </code></pre>
  
  <p>However depending on where the user puts the fields it can move around.  So what I was hoping was to be able to access the label\ and use that to pinpoint its input field.</p>