如何檢測<br>標籤目前不

Question

我需要在< p ="minimize"> < /p>目前中添加<br />的內容即使在字符串中<br />，輸出中的所有字符串都顯示在1號線沒有任何<br />。

下面的代碼似乎沒有檢測<br />。

jQuery(function(){ 

    var minimized_elements = $('p.minimize'); 

    minimized_elements.each(function(){  
     var t = $(this).text();   
     if(t.length < 100) return; 

     $(this).html(
      t.slice(0,100)+'<span>... </span><a href="#" class="more">More</a>'+ 
      '<span style="display:none;">'+ t.slice(100,t.length)+' <a href="#" class="less">Less</a></span>' 
     ); 

    }); 

    $('a.more', minimized_elements).click(function(event){ 
     event.preventDefault(); 
     $(this).hide().prev().hide(); 
     $(this).next().show();   
    }); 

    $('a.less', minimized_elements).click(function(event){ 
     event.preventDefault(); 
     $(this).parent().hide().prev().show().prev().show();  
    }); 

}); 

非常感謝您的寶貴意見和時間

Answer 1

的變化： -

< p ="minimize">需要被<p class="minimize"> //remove space and add class

，然後它會很好地工作： -

例子： -

jQuery(function(){ 
 

 
    var minimized_elements = $('p.minimize'); 
 

 
    minimized_elements.each(function(){  
 
     var t = $(this).text();   
 
     if(t.length < 100) return; 
 

 
     $(this).html(
 
      t.slice(0,100)+'<span>... </span><a href="#" class="more">More</a>'+ 
 
      '<span style="display:none;">'+ t.slice(100,t.length)+' <a href="#" class="less">Less</a></span>' 
 
     ); 
 

 
    }); 
 

 
    $('a.more', minimized_elements).click(function(event){ 
 
     event.preventDefault(); 
 
     $(this).hide().prev().hide(); 
 
     $(this).next().show();   
 
    }); 
 

 
    $('a.less', minimized_elements).click(function(event){ 
 
     event.preventDefault(); 
 
     $(this).parent().hide().prev().show().prev().show();  
 
    }); 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"></script> 
 
<p class="minimize"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eleifend risus sed feugiat faucibus. <br/> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eleifend risus sed feugiat faucibus.</p><br> 
 
<p class="minimize"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eleifend risus sed feugiat faucibus. <br/> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eleifend risus sed feugiat faucibus.</p>