尝试逐行打印div中的段落,同时为div中的字符提供内容限制

时间:2017-01-21 07:44:44

标签: javascript jquery html limit paragraph

我正在尝试在div中逐行打印段落,当div中的内容被赋予15个字符的限制但是它并排打印所有段落时我如何逐行打印。这是我的代码

<script>
    $(document).ready(function() {
      $("div").text(function(index,currentText) {
        return currentText.substr(0, 15);
      });
    });

   <?php
         echo "<div>";
         for($i=0;$i<3;$i++){
             $key=array('helloss','howaree','welcomes','whkkky','getkkk');
             $random_key= array_rand($keywords); 
             $keys ="<p>" . $key[$random_key]  . $key[$random_key] . "</p>";
             echo $keys; 
           }
             echo "</div>";
  ?>

假设div中的15个字符是

   hellosshowaree
   h

如上所示,div中只应包含15个字符,但如下所示

 hellosshowareeh

3 个答案:

答案 0 :(得分:0)

只需更改您的Javascript编码,如下所示

 var myDiv = $('#your-div-id');
 myDiv.text(myDiv.text().substring(0,16))

答案 1 :(得分:0)

var txt= $('div').text();
if(txt.length > 15)
 $('div').text(txt.substring(0,15));

答案 2 :(得分:0)

return currentText.substr(0, 14);

使用范围0到14,因为它们是15个字符。 使用0到15使其成为16个字符,这就是字符串中包含额外h的原因。 我想这就是它。