Targeting data value

Targeting data value

I'm trying to target a particular col w/ specific data-index.

Here's the html:

  2. <div class="header">
  3.     <div class="col " style="display: inline-block; min-width: 40px; width: 1px; height: 30px;" data-index="0">
  4.     <div class="col " style="display: inline-block; min-width: 40px; height: 30px;" data-index="1">
  5. </div>
  6. <div class="tableHolder">
  7.     <div class="table">
  8.         <div class="row">
  9.             <div class="cell " style="text-align: left; display: inline-block; width: 40px; height: 30px;" data-index="0" data-field="undefined" data-value=""></div>
  10.             <div class="cell " tabindex="0" style="text-align: left; display: none; width: 73px; height: 30px;" data-index="1" data-field="field1" data-value="*****">*****</div>  // MYTHIS STARTS HERE 
  11.         </div>
  12.     </div>
  13. </div>  

I'm starting at cell w/ data-index=1 (ie. mythis) & trying to target .col w/ same data-index:

  1. var ccell = 1;
  2. var chdr = mythis.closest('.tableHolder').prev().find('.col[data-index="+ ccell +"]');
  3. console.log('CurrHdr: ' , chdr); // Getting n[] (0), i.e. nothing