循环标题并对某些字符长度jquery上的所有标题执行某些操作

Question

我知道如何计算字符：$('.caption-text p').text().length，我知道要为一个元素添加一个类：$('.caption-text p').css('color', "yellow");，我很确定我知道如何写一个if，或者至少我希望所以。但是我没能在循环中连接所有这些。

我需要遍历所有.caption-text段落标记，并为少于5个字符的人添加颜色。

我想我很亲近，但是非常感谢任何帮助！

captions = $('.caption-text p');
captions.each(function(){
  if (captions.text().length < 5){
    $(this).css('color', "yellow");
  }

Answer 1

您需要在每个循环中引用this：

captions = $('.caption-text p');
captions.each(function(){
  if ($(this).text().length < 5){
    $(this).css('color', "yellow");
  }
});

http://jsfiddle.net/2PYgh/1/