Restrict text display

by ravimallya

HTML

<div class="row">
                    
                        <div class="col-lg-3 col-md-3 col-sm-6">
                            <div class="related-news">
                                <h4>
                                    <a id="ContentPlaceHolder1_gdvNews_LinkButton1_0" href="javascript:__doPostBack('ctl00$ContentPlaceHolder1$gdvNews$ctl01$LinkButton1','')">Sugar</a></h4>
                                <div class="related-news-img">
                                    <img id="ContentPlaceHolder1_gdvNews_Image2_0" class="img-polaroid" src="../Images/News/sugar.jpg">
                                </div>
                                <p class="restricted-text">
                                    </p><p><span style="font-family: arial, sans-serif; font-size: 13px; line-height: 16.125px;">New Delhi: The government's decision to award the country's highest civilian award, Bharat Ratna, to cricket legend Sachin Tendulkar has reignited the debate on 
                                </span></p>
                                <div class="text-right">
                                    <a id="ContentPlaceHolder1_gdvNews_LinkButton2_0" href="javascript:__doPostBack('ctl00$ContentPlaceHolder1$gdvNews$ctl01$LinkButton2','')">Read More...</a>
                                </div>
                            </div>
                        </div>
                    
                        <div class="col-lg-3 col-md-3 col-sm-6">
                            <div class="related-news">
                                <h4>
                                    <a id="ContentPlaceHolder1_gdvNews_LinkButton1_1" href="javascript:__doPostBack('ctl00$ContentPlaceHolder1$gdvNews$ctl02$LinkButton1','')">Pepper</a></h4>
                                <div class="related-news-img">
                                    <img id="ContentPlaceHolder1_gdvNews_Image2_1" class="img-polaroid" src="../Images/News/dryfruits.jpg">
                                </div>
             ...

JavaScript

$(function(){
  $(".title").each(function(i){
    len=$(this).text().length;
    if(len>10)
    {
      $(this).text($(this).text().substr(0,10)+'...');
    }
  });       
});