JQuery Rückkehr nicht Grund Zeichenfolge

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>

Hat irgendetwas nicht anmelden, sondern statt blau, wenn ich 1 setzen, protokolliert er es. daher, seine nicht erkennende Zeichenfolge, zuvor verhält sich innerHTML auch auf die gleiche Weise, wenn wir es mit einem exakten Zeichenfolgenwert wie $(this).text() == "apple" vergleichen, wird es nie etwas anzeigen.

Answer 1

Sie müssen den Text vor dem Vergleich zuschneiden.

$(".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. Verwenden .trim() zu vergleichen, es könnte

$(".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>