问如何使用动态ID隐藏动态创建的html元素

EN

$(document).ready(function(){
  $(function(){
    $(".add-more").on("click", function(){
      var list  = $(".list");
      
      var random_id = Math.floor(Math.random() * (99999 - 1 + 1)) + 1;
      
      var child = document.createElement("li");
      var text  = document.createTextNode("Lorem Ipsum");
          child.setAttribute("id", random_id);
          child.appendChild(text);
      
      list.append(child);
    });
  });
  
  $(function(){
    $(".list").on("click", "li", function(){
      var id = $(this).attr("id");
      $("#" + id).addClass("hidden");
      
      console.log("This id: " + id + " is hidden");
    });
  });
});

a{
  color: blue;
  cursor: pointer;
}

ul{
  margin-top: 20px;
  padding: 0;
}

li{
  list-style: none;
  cursor: pointer;
}
li:hover{
  color: red;
}
li + li{
  margin-top: 20px;
}
li.hidden{
  display: none;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>

<div>
  <a class="add-more">Click me!</a>
</div>

<ul class="list">
  <li id="0">Lorem Ipsum</li>
</ul>

$(".plProductContainer.hide").hide();

var elementId = $(".plProductContainer.hide").attr("id");
$("#"+elementId).hide();

$("#"+someId).children()[i].hide(); //i is the loop counter that you have used to create element dynamically

$("#"+a_data.products[i].pid).hide(); //i is the loop counter that you have used to create element dynamically