How To Access This Attribute Using Jquery, Given A Div Defined By This

Question

I have a div which is defined via a this. Imagine it is the var div below:

div 1

div 2

Solution 1:

Try

var itemidValue = $('.action').parent('td').attr('itemid');

Proof of concept: http://jsfiddle.net/AwM56/

Solution 2:

If you're going to use custom attributes, you should really be doing it with HTML5 data-* attributes, so use data-itemid='desired number' instead, then use the .data() rather than .attr() function to get the value.

HTML:

<td data-itemid='desired number'>
  <div>div 1</div>
  <div class="action">div 2</div>
</td>

jQuery:

var div = $('.action');
var itemId = div.parent().data('itemid');

Solution 3:

Instead of using .parent(), you can try using parents() and specify what you are looking for.

Example:

 $(".action").parents("td") // will return the TD element

Proof: http://jsfiddle.net/9LQB3/

I use the parents() method instead of parent() as the parents() looks higher up the hierarchy, and not just the immediate parent.

Solution 4:

.parent() should be OK.

Try this:

<html>
  <head>
    <script type="text/javascript" src="jquery.min.js"></script>
    <script type="text/javascript">
      $(function() {
          var div = $('.action');
          console.log('HEP: ' + $(div).parent().attr('itemid'));
      });
    </script>
  </head>
  <body>
    <table>
      <tr>
        <td itemid='desired number'>
          <div>div 1</div>
          <div class="action">div 2</div>
        </td>
      </tr>
    </table>
  </body>
</html>

Solution 5:

Have you tried using div.closest('td')?

Html5 Tutorial