Add / Remove Item for JQuery / html code

<script src="Path"></script>
 <script>
    $(document).ready(function(){
    $("span").click(function(){
    $(this).parent().remove();
   });

})
</script>
<ul class="uploadedfiles-list">
<li><a href="#">filename1 <span>X</span></a></li>
<li><a href="#">filename1 <span>X</span></a></li>
<li><a href="#">filename1 <span>X</span></a></li>
</ul>

Text trim using css by media query wise also possible

Text trim using css by media query wise also possible

It is very interesting thing  we can trim display (limited text characters by css classes).

if some times heading-titles will distrub to 2nd lines so in mobiles or wherever we can do with css limit display carachters

if in large resolution u can display all text..

.text-limit-inmobile{
     white-space: nowrap  !important;
  overflow: hidden  !important;
  text-overflow: ellipsis  !important;
  max-width:450px !important; display:inline-block !important; line-height:inherit;
    }