无法比较jquery中的两个字符串

var str1 = "Hello";
var str2 = "World";

if (str1 == str2) {
    console.log("字符串相等");
} else {
    console.log("字符串不相等");
}

var str1 = $("#element1").text();
var str2 = $("#element2").text();

if (str1 == str2) {
    console.log("字符串相等");
} else {
    console.log("字符串不相等");
}

var str1 = "apple";
var str2 = "banana";

var result = str1.localeCompare(str2);

if (result < 0) {
    console.log("str1在字典中排在str2之前");
} else if (result > 0) {
    console.log("str1在字典中排在str2之后");
} else {
    console.log("两个字符串相等");
}