Tealium Learning Center

I have multiple lines of values I must pull from a page but they all sit under the same DIV, all have the same CLASS, all with two areas of text. I need to be able to define each rows values independently. Example: <div class="c-job-result__specs-list career-details-content-bottom">    <div class="c-job-result__specs-item"> Character Name <span> DONALD DUCK </span> </div>    <div class="c-job-result__specs-item"> Location <span> Mars </span> </div>    <div class="c-job-result__specs-item"> City <span> Paris </span> </div>    <div class="c-job-result__specs-item"> Company/Cartoon Name <span> SOME NAME </span> </div>    <div class="c-job-result__specs-item"> Main Area <span> CARTOON CHARACTER </span> </div>    <div class="c-job-result__specs-item"> Job Name <span> Full Time </span> </div>    <div class="c-job-result__specs-item"> Cartoon Type Type <span> Old </span> </div> </div> Pulling it via 'jQuery(this).children('span.').text();' results in everything being dumped.  How does one define each dimension (City) and capture its value (Paris)? ... View more