Getting a jQuery selector for an element

by

I see now that a plugin existed (with the same name I thought of too), but here’s just some quick JavaScript I wrote. It takes no consideration to the ids or classes of elements – only the structure (and adds :eq(x) where a node name is ambiguous).

jQuery.fn.getPath = function () {
    if (this.length != 1) throw 'Requires one element.';

    var path, node = this;
    while (node.length) {
        var realNode = node[0], name = realNode.name;
        if (!name) break;
        name = name.toLowerCase();

        var parent = node.parent();

        var siblings = parent.children(name);
        if (siblings.length > 1) { 
            name += ':eq(' + siblings.index(realNode) + ')';
        }

        path = name + (path ? '>' + path : '');
        node = parent;
    }

    return path;
};

(License: MIT)

More Related Contents:

  1. How can I know which radio button is selected via jQuery?
  2. Selecting and manipulating CSS pseudo-elements such as ::before and ::after using javascript (or jQuery)
  3. Should all jquery events be bound to $(document)?
  4. Get selected text from a drop-down list (select box) using jQuery
  5. jQuery selector regular expressions
  6. Assign click handlers in for loop
  7. How can I select an element by name with jQuery?
  8. jQuery selector for inputs with square brackets in the name attribute
  9. jQuery selectors on custom data attributes using HTML5
  10. How can I get selector from jQuery object
  11. Select all elements that have a specific CSS, using jQuery
  12. jQuery function to get all unique elements from an array?
  13. Testing if a checkbox is checked with jQuery
  14. JQuery .on() method with multiple event handlers to one selector
  15. jQuery : select all element with custom attribute [duplicate]
  16. Selecting multiple classes with jQuery
  17. Case insensitive jQuery attribute selector
  18. Not class selector in jQuery
  19. jQuery single selector vs .find()
  20. jQuery Selector + SVG Incompatible?
  21. Using jQuery to search a string of HTML
  22. jQuery find and replace string
  23. Is there a ‘has focus’ in JavaScript (or jQuery)?
  24. jQuery support “:invalid” selector
  25. In jQuery, is selecting by class or id faster than selecting by some other attribute?
  26. Getting the “match” object in a Custom Filter Selector in jQuery 1.8
  27. Combine two selectors with one jQuery object
  28. How to select empty inputs (value=””) using jQuery
  29. What is the new proper way to use a child selector with a context node in jQuery?
  30. jQuery: Select data attributes that aren’t empty?

Leave a Comment