如何检测Mathquill编辑器以编写方程式

Question

I am currently making rich text editor with maths equation writing.

As per above image you can see yellow marker which is mathquill-editable span. and i made button with containing some maths symbols. What I want!! When user click button than equation should be print at cursor location. I selected mathquill-editable span with class. example $('#classname') for write equation from button. Its works fine but problem comes when I add another mathquill-editable span. When multiple span are there than every time when i click button than their value printed in every class at same time. How I detect particular span is active and value will print on cursor's span only.

Answer 1

This is my little efforts to find just one element from all class.

$(document).ready(function(){  /* when the page has loaded... */
  $('.mathquill-editable').click(function(){  /* ...bind click event to .boxSet elements */
    $('.mathquill-editable').removeClass('hilite'); /* On click, remove any 'hilite' class */
    $(this).addClass('hilite'); /* ...and add 'hilite' class to clicked element */ 
   });
});

DEMO HERE