Untitled

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
    <script type="text/javascript">
    function getSelectedText(){
      if(window.getSelection){
          select = window.getSelection().getRangeAt(0);
                  var st_span = select.startContainer.parentNode.getAttribute("id").split("_")[1];
                  var end_span = select.endContainer.parentNode.getAttribute("id").split("_")[1];
                  console.log(select.endContainer);
                  var ret_urn=[st_span,end_span];
                  return ret_urn
      }
      else if(document.getSelection){
          return document.getSelection();
      }

    }
    $(document).ready(function() {
      $("div#check_button button").click(function () {
                      var loc = getSelectedText();
                      console.log(loc);
                      });
    });
    </script>
    </head>
    <body>
    <div id="0">
<span id="0_0" >0</span><span id="0_1" >1</span><span id="0_2" >2</span><span id="0_3" >3</span><span id="0_4" >4</span><span id="0_5" >5</span><span id="0_6" >6</span><span id="0_7" >7</span><span id="0_8" >8</span><span id="0_9" >9</span><span id="0_10" >0</span><span id="0_11" >1</span><span id="0_12" >2</span><span id="0_13" >3</span><span id="0_14" >4</span><span id="0_15" >5</span>
</span></br></div>
<div id="check_button">
            <button>Check</button>
        </div>
</body>
</html>