限制多个项目的字符

时间:2014-03-07 17:25:02

标签: javascript jquery html

我有多个由PHP生成的div,我试图限制我所拥有的每个'div p'标签上的字符。

每个段落都有不同的引用,但需要限制为140的字数。但是我确信我已经忽略了一些部分,让它逐个选择每个'div p'并调整字符限制。

var txtlimit = $('.release p').text();
txtlimit = txtlimit.substring(0, 141);
$('.release p').html(txtlimit);
console.log(txtlimit);

http://jsfiddle.net/G5BLx/

3 个答案:

答案 0 :(得分:1)

你应该从php脚本中执行此操作。但是如果你想在客户端做这件事有点原因你可以这样做..

$('.release p').each(function(){
  var txtlimit = $trim($(this).text());
  if (txtlimit.length > 140) {
     txtlimit = txtlimit.substring(0, 140);
     $(this).html(txtlimit);
  }

});

##抱歉,我错过了字数高达140

 $('.release p').each(function(){
   var aParagraphTxt = $trim($(this).text()).split(" ");
   var wordCount     = aParagraphTxt.length;

   if (wordCount > 140) {
      $(this).html(aParagraphTxt.slice(0,139).join(" "));
   }
 });

答案 1 :(得分:0)

你的意思是这样做吗?

$('.release p').each(function() {
    var txtlimit = $(this).text();
    txtlimit = txtlimit.substring(0, 141);
    $(this).html(txtlimit);
    console.log(txtlimit);
}

答案 2 :(得分:0)

您选择p标签的方式是使用与第一个标签相同的文字设置它们,您需要通过它们each来相应地设置文本

$.each($('.release p'),function(index, value){
   var txtlimit = $(this).text().split(" ");      //splits into array of words
   $(this).html(txtlimit.slice(0,139).join(" ")); //get words from 0 to 139
});

FIDDLE http://jsfiddle.net/y53r7/3/