Get unique selector of element in Jquery

by

I’ll answer this myself, because i found a solution which i had to modify. The following script is working and is based on a script of Blixt:

jQuery.fn.extend({
    getPath: function () {
        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 sameTagSiblings = parent.children(name);
            if (sameTagSiblings.length > 1) { 
                var allSiblings = parent.children();
                var index = allSiblings.index(realNode) + 1;
                if (index > 1) {
                    name += ':nth-child(' + index + ')';
                }
            }

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

        return path;
    }
});

More Related Contents:

  1. How to get nth-child selector to skip hidden divs [duplicate]
  2. Get the DOM path of the clicked
  3. jQuery vs document.querySelectorAll
  4. How to display an chage photo option on mouse hover similar to linkedin using Javascript? [closed]
  5. How to force browser to show image 3 inches wide?
  6. HTML Form Submit pass array to PHP [closed]
  7. Stop form refreshing page on submit
  8. How can I select an element by name with jQuery?
  9. jQuery disable/enable submit button
  10. TypeError: p.easing[this.easing] is not a function
  11. Change color of specific words in textarea
  12. prevent Scroll bubbling from element to window
  13. Set keyboard focus to a
  14. Javascript regex returning true.. then false.. then true.. etc [duplicate]
  15. How Do I Stop My Web Content From Shifting Left When The Vertical Scrollbar Appears? Roll-Up of Advice 2017 [duplicate]
  16. Change iframe src by clicking a link
  17. How to generate a thumbnail image after adding an image inside an input type=”file” in a form and submitting them both on the same form
  18. Proper way to reset a GIF animation with display:none on Chrome
  19. How do I select the innermost element?
  20. How to prevent html/JavaScript code modification
  21. How do I capture a key press (or keydown) event on a div element?
  22. Detect browser wrapped lines via javascript
  23. Passing JSON data from php to html-data attribute and then to Javascript
  24. minimise the code since I am using the same code only the content in p tags changes and component AccordionHeader header changes
  25. Rotate div text after clicking on button using jquery and css
  26. how to use html2canvas and jspdf to export to pdf in a proper and simple way
  27. Hot to get incomplete datetime-local input values
  28. Content of html page changed by jQuery but “View Source” don’t reflect the changes
  29. Do duplicate ID values screw up jQuery selectors?
  30. Can you have multiple lines in an element?

Leave a Comment