Question

Bit new to JQuery and i don’t know how to reach this:

I need to change DOM via JQuery from this:

<li id="1_1_4" class="ui-widget-content ui-selectee">1.1.4</li>

to this:

<li id="1_1_4" class="ui-widget-content ui-selectee ui-selected">1.1.4<span class="ui-icon ui-icon-check"
                style="float: right; margin: 2px 7px 0 0;"></span></li>

Edit:
Also, if i want to revert it back, meaning there is a <Span> and i want to remove it. how can i do it?

Thanks!

Answer 1

Append

$(document).ready(function() {
  $('#1_1_4').append('<span class="ui-icon ui-icon-check" style="float: right; margin: 2px 7px 0 0;"></span>');
});

Remove

$(document).ready(function() {
   $('#1_1_4 .ui-icon-check').remove();
});

or

$(document).ready(function() {
   $('#1_1_4 span').remove();
});