jQueryが代わりに青の私は1を置けば、それはそれをログに記録し、 </p> <p>

Question

$(".1").each(function() { 
 
    if ($(this).text() == "blue") { 
 
    console.log("there"); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button class="1"> 
 
    blue 
 
</button> 
 
<button class="1"> 
 
    1 
 
</button> 
 

 
<button class="1"> 
 
    Booked 
 
</button>

は何も記録しません基本的な文字列を返していません。 $(this).text() == "apple"のような正確な文字列値と比較すると、以前はinnerHtmlも同じように動作しますが、それでも何も表示されません。

Answer 1

比較する前にテキストをトリミングする必要があります。

$(".1").each(function() { 
 
    if($.trim($(this).text()) == "blue") { 
 
    console.log("there"); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button class="1"> 
 
blue 
 
</button> 
 

 
<button class="1"> 
 
1 
 
</button> 
 

 
<button class="1"> 
 
Booked 
 
</button>

Answer 2

1. 使用.trim()スペースを削除

$(".1").each(function() { 
 
if($(this).text().trim() == 'blue'){ 
 
    console.log($(this).text()); 
 
} 
 
    
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button class="1"> 
 
    blue 
 
    </button> 
 

 
<button class="1"> 
 
    1 
 
    </button> 
 

 
<button class="1"> 
 
    Booked 
 
    </button>