Get Selection Parent

by DonamiteIsTNT

HTML

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Test</title>
<style>

</style>
<script type="text/javascript">
$(document).ready(function() {
    function getSelectionParent() {
        if(window.getSelection) {
            var sel = window.getSelection(),
                parent = sel.getRangeAt(0).commonAncestorContainer;
            
            if(sel!="")
                return (parent.nodeType==1) ? parent : parent.parentNode;
            
        } else if(document.selection && document.selection.createRange().text!="") {
            return document.selection.createRange().parentElement();
        }
    }
    
    $(document).mouseup(function() {
        var parent = $(getSelectionParent()),
            selector;
        
        if(parent.length) {
            console.log(parent[0]);
            selector = (parent.attr("id")) ? "#" + parent.attr("id") : "." + parent.attr("class");
            $("#status").text("$('" + selector + "');");
        }
    });
});

</script>
</head>

<body>
<div style="padding:1em">
<div id="div1">
    <ul id="ul1">
        <li id="li1">
            <ul class="dropdown">
                <li id="premiumA">Premium A</li>
                <li id="aisle">Aisle</li>
                <li id="premiumB">Premium B</li>
            </ul>
        </li>
        <li id="row2">Row 2</li>
    </ul>
</div>

<br><br>

    <div style="font-size:80%">Parent of selected text:</div>
<div id="status" style="border:1px solid black; padding:.5em; width:50%; text-align:50%">&nbsp;</div>
    </div>
</div>
</body>
</html>