检查每个p标签的charecter长度jQuery

时间:2015-06-30 10:46:28

标签: javascript jquery html css

HTML

<p class="mytext">Lorem ipsum dolor sit amet</p>
<p class="mytext">Lo ipsum dolor sit amet</p>
<p class="mytext">Lorem</p>

的Javascript

$(".mytext").each(function() {
    var n = $(this).text().length;
    //alert(n)
    if (n > 5) {
        alert(n + " more than 5");
        $(this).css("color", "red");
    }
});

我试图找到每个p的字符长度来做某些条件。任何人都可以帮助吗? JsFiddle

2 个答案:

答案 0 :(得分:2)

您可以使用.filter()功能:

$(".mytext").filter(function(){
  return $(this).text().length > 5;
}).css("color" , "red")

答案 1 :(得分:1)

试试这个:

    $(".mytext").each(function() {
    var n = $(this).text().replace(/\s/g, '').length;/* use this to remove all space*/
   var n = $.trim($(this).text()).length;/* use this to remove end spaces*/
        alert(n)
    if (n > 5){
          alert(n + " more than 5");
            $(this).css("color" , "red");
      }
    });