title: jQuery traversing. Find siblings including itself
body: <p>I'm using jQuery traversing to jump between DOM elements.</p>
  
  <p>First of i have a onClick function:</p>
  
  <p><code>$(document).on('keyup', '.size, .ant', function(){</code></p>
  
  <p>Inside of this function I send data about what's clicked, to another function.</p>
  
  <pre><code>sulorTableRowWeight( $(this) );
  function sulorTableRowWeight(thisobj){
  </code></pre>
  
  <p>Now, I'd like to traverse from the clicked element <code>$(this)</code> to its parent. I'd like to find the parent's siblings and then traverse down to a specific sibling.</p>
  
  <p><code>var inputSize = $(thisobj).parent().siblings('.sizeTd').children('.size');</code></p>
  
  <p>My problem is when I want to traverse back down to the element I came from, it is not listed as a sibling because it isn't a sibling...</p>
  
  <p><code>var inputSize = $(thisobj).parent().siblings(); console.log(inputSize)</code></p>
  
  <p>console will give me the siblings, but not the one U came from...</p>
  
  <p>So, when a user clicks ".size" I'd like to traverse up to the parent and back to size.... When a user clicks ".ant" I'd like to traverse up to the parent and then down to ".size"...</p>
  
  <p>I tried to hardcode the traversing:</p>
  
  <p><code>var inputSize = $(thisobj).parent().siblings('.sizeTd').children('.size');</code></p>
  
  <p>But it won't work because it is not actually a sibling.</p>
  
  <p>So what is it? And how can I get back to it?</p>
  
  <p>If it is not possible, I have to run some if/else statements, U guess...</p>
  
  <p><strong>UPDATE</strong></p>
  
  <pre><code>$(document).on('keyup', '.size, .ant', function(){ 
    //Find changed &lt;select&gt; .tbody
    var tbodyId = $(this).parent().parent('tr').parent('tbody').attr('id'); 
    //Check &lt;tbody&gt; #id
    if(tbodyId === "cpTableBody"){
    }
    else if(tbodyId === "sulorTableBody"){ 
      sulorTableRowWeight( $(this) );
    }
    else if(tbodyId === "konturTableBody"){
      konturTableRowWeight( $(this) );
    }
    else if(tbodyId === "kantbalkTableBody"){
      kantbalkTableRowWeight( $(this) );
    }
  })
  
  //Function sulorTableRowWeight
  function sulorTableRowWeight(thisobj){
      //Find the selected data-weight
      var selectedWeightmm3 = $(thisobj).parent().siblings('.selectTd').children('.select').find(':selected').data('weightmm3'); 
  
      //Find input .size value
      var inputSize = $(thisobj).parent().siblings('.sizeTd').children('.size'); console.log(inputSize)
  </code></pre>
  
  <p><strong>PROBLEM</strong><br>
  My var <code>inputSize</code> will return undefined when I click a ".size" element. That´m's because it is not listed as a sibling to itself.</p>
  
  <p>I know it's keyup, not click...</p>