javascript - Apply function to current click and remove function for other click -
trying apply function adddiv() current clicked element , it's working fine, it's not removing function adddiv() on click. when click on text, adddiv() function applied div tag , added sample text, need apply adddiv() function on current clicked tag. can me?
here link: https://jsfiddle.net/a0l2jj1y/1/
html
<div> tesing 1 </div> <div> tesing 2 </div> <div> tesing 3 </div> js
$(function(){ function adddiv(){ $('<div class="txt"/>').text('sample text added').appendto('.clicked'); } $(document).on('click', function(event){ var clickedtag = event.target event.stoppropagation(); $('.clicked').removeclass('clicked'); if($(clickedtag).text().length >= 1){ $(clickedtag).addclass('clicked'); adddiv(); } else { // need remove adddiv(); } }); });
try:
$(function(){ function adddiv(){ $('<div class="txt"/>').text('sample text added').appendto('.clicked'); } $(document).on('click', function(event){ var clickedtag = event.target event.stoppropagation(); $('.clicked').removeclass('clicked'); if($(clickedtag).text().length >= 1){ $(clickedtag).addclass('clicked'); adddiv(); } else { $(clickedtag).unbind(); } }); });
Comments
Post a Comment