SO - 15736425

by Arun P Johny

HTML

<p>This is a paragraph.</p>
  <p>This is another paragraph.</p>
  <ol>
    <li class='test'> List item 1 </li>
    <li class='test'> List item 2 </li>
    <li class='test'> List item 3 </li>
  </ol>

  <button id="btn1">Append list item</button>

JavaScript

$(document).ready(function(){
  $("#btn1").click(function(){
    $("ol").append("<li class='test'> Appended item </li>");
  });
});

$(function () {
  $('ol').on('click', '.test', function(el){
    $(this).css("background-color","pink");
  });
});