Search code examples
javascriptjquerynodename

jquery nodename returning undefined

This code isn't for anything in particular. I'm just trying to successfully get the tagName or nodeName of an element. However, when I run the following code, I always get an alert saying "undefined". I'm wondering if it's because this function executes when the document is ready? Is there a different place I should be doing this? Or is it probably my other javascript code conflicting somehow (I would doubt).

 $(document).ready(function(){
        $('#first').hover(function() {
            alert($('#last').nodeName);
        });
    });
Solution

  • You are trying to access a non-member of the jQuery object. Use one of these DOM element accessors to retrieve these properties:

    $( '#last' ).get(0).nodeName

    OR

    $( '#last' )[0].nodeName

    OR

    document.getElementById( 'last' ).nodeName