javascript - 如何 jQuery JavaScript 条件语句(初学者)

Question

如果这是一个过于简单的问题，我深表歉意，但我的搜索毫无结果。

我有一个 jQuery 函数，它会在某些不包含 #message 输入的页面上产生错误:

Error: jQuery("#message").val() is undefined
Line: 56

还有我的 jQuery 函数:

function updateCountdown()
{
    var $left = 255 - jQuery( '#message' ).val().length;

    jQuery( '#countdown' ).text( $left + ' Characters Remaining' );
}

$( document ).ready( function()
{
    updateCountdown();

    $( '#message' ).change( updateCountdown );
    $( '#message' ).keyup( updateCountdown );
});

所以我的问题是，如何使用条件从没有 #message 输入的页面中删除错误消息？我相信我的问题是对 JavaScript 的工作原理缺乏基本的了解。

Answer 1

我不会费心对从选择器返回的 jQuery 对象执行显式测试 — 让 jQuery 为您做这件事!

$(function() {
  $('#message').each(function() {
    var $self = $(this);
    $self.bind('change keyup', function updateCountdown() {
      $('#countdown').text((255 - $self.val().length)) + ' characters remaining');
    });
  });
});

如果“#message”不匹配任何内容，则 .each( ... ) 调用将不会执行任何操作。