Question

我有一个名为$places的变量：

    var $places = $('#resultsListing li.place');

如果超过0 places，则以下代码添加类.have-results。如果有0个结果，则代码会将类.no-results添加到正文中：

body.removeClass("have-results no-results searching");

body.addClass(places.length > 0 ? "have-results" : "no-results");
$("div#busyAnimation").hide();

我想添加另一个名为.hasnt-typed-yet的类。我知道这是一个可怕的名字，但这就是我想要完成的事情;如果用户尚未在输入中输入，则将该类添加到正文中。

有任何建议可以实现这一目标吗？

Answer 1

var textbox_text = $("#searchbox").val(); 
if(textbox_text !== '' ){
    body.addClass(places.length > 0 ? "have-results" : "no-results");
}else{
   body.addClass('hasnt-typed-yet');
}
$("div#busyAnimation").hide();

Answer 2

if($('input').val() == '')
    $('body:first').addClass('hasnt-typed-yet')
else
    $('body:first').removeClass('hasnt-typed-yet')

Answer 3

$textbox = $('#searchbox');
$body = $('body').filter(':first');
$places = $('#resultsListing li.place');

$textbox.keyup(function() {
    if($(this).val() == '') $body.addClass('hasnt-typed-yet');
    else $body.removeClass('hasnt-typed-yet');
});

$body.addClass($places.length > 0 ? 'have-results' : 'no-results');
$('#busyAnimation').hide();

使用jQuery测试用户是否输入了输入？

3 个答案: