比較el.text（）===「string」結果爲false，即使元素包含「string」

Question

在下面的代碼中，else和if總是被執行，即使警報告訴我state在其實包含字符串payment。

var state = $('.check-state').text(); 
alert(state); // payment 
if (state === "payment") 
    alert('hello'); 
else 
    alert('not match') 

這是爲什麼？

Answer 1

我猜你的HTML看起來有點像這樣：

<div class="check-state"> 
    payment 
</div> 

然後.text()將返回>和<之間的所有內容，包括空白。所以你得到的是"\n payment\n"，而不是"payment"。

的解決方案是修剪掉空格使用jQuerys $.trim()：

var state = $.trim($('.check-state').text()); 

在一個側面說明，我會建議你使用console.log()，而不是alert()進行調試。在大多數瀏覽器中，這將允許您檢測錯誤的位置，因爲您將清楚地看到空白。