javascript - 使用 if 语句调用函数

Question

我创建了一个函数，用于检查包含类“txt”的 HTML 中的任何文本字段元素是否已从上次加载的页面更改值。如果任何文本已更改，函数应在 if 语句中返回 true，否则返回 false。但是我只会变得错误。我做错了什么？

HTML:

<h3>Handlartext1...</h3>
<textarea class="txt">Hejsan</textarea><br/><br />

<h3>Handlartext2...</h3>
<textarea class="txt">Hejsan</textarea><br/><br />

<h3>Handlartext3...</h3>
<textarea class="txt">Hejsan</textarea><br/><br />

<input id="btnClick" type="button" value="Save changes" />

脚本:

$('#btnClick').on("click",function() {
    if(CheckTextChange()) {
        alert('TRUE');
    }
    else {
        alert('FALSE');
    }    
})


function CheckTextChange () {
var previousVal = $(".txt").get(0).defaultValue, currentVal = $(this).text();
//Checks if values have changed in elements containing class="txt" 
$('.txt').each(function() {
       //alert( $(this).text()); //or $(this).text();

       if (currentVal != previousVal) {          
           return true;
       } 
       else {
           return false;
       }
    }) 
}

Answer 1

你的代码有很多问题。例如，当您读取 $(this) 的 text() 时，您的函数并不知道 this 是什么。在没有真正解决您的问题的情况下，也许这会引导您朝着正确的方向前进: http://jsfiddle.net/6ymxw4mg/

$('#btnClick').on("click", function () {
    CheckTextChange()
})

function CheckTextChange() {

    $('.txt').each(function () {

        if ($(this).val() == $(this).prop("defaultValue")) {

            alert($(this).val() + ' == ' + $(this).prop("defaultValue"));

        } else {

            alert($(this).val() + ' != ' + $(this).prop("defaultValue"));

        }
    })
}