Question

我的文字大于我的屏幕，我想选择屏幕上显示的最后一个单词，然后应用样式颜色为红色。因此，根据用户的分辨率，最后一个单词将不相同。

我试图使用像计算单词这样的东西，但我认为我的方式是错误的。使用jquery。

    function count(){  
  var val   = $.trim($('body').val()),  
      words = val.replace(/\s+/gi, ' ').split(' ').length,
      chars = val.length;
  if(!chars)words=0;

  $('#counter').html('<br>'+words+' words and '+ chars +' characters');
}
count();

$('body').on('input', count);

任何帮助？

Answer 1

See this Fiddle

<强> JQuery的

var s=$('#ele').html();
var spacePos = s.lastIndexOf(' ');
var lastWord = s.substring(spacePos);
var firstWords = s.substring(0,spacePos);
$('#ele').html(''+firstWords+'<span id="diff">'+lastWord+'</span>');

在上面的小提琴中改变最后一个单词的样式编辑#diff{...}。同样，上面的代码要求div和内容在同一行。

<强> HTML

<div id="ele" align="center">hello how are you</div>

使用Jquery选择屏幕中的最后一个单词

1 个答案:

See this Fiddle