内容为空时如何隐藏链接?

时间:2011-09-09 10:07:58

标签: jquery

我在这里创建了一个例子: http://jsfiddle.net/zidski/TFBqf/7/

这不起作用:

var a = $("#content div:empty").html("").css("background","red");

if(a) {
    $("#link").hide;
}else{
    $("#link").show;
    return;
}

5 个答案:

答案 0 :(得分:2)

您实际上并未执行.show.hide方法......

应该是:

if(a) {
    $("#link").hide();
}else{
    $("#link").show();
    return;
}

答案 1 :(得分:1)

if(a) {
    $('#link').hide(); // instead of .hide;
}else{
    $('#link').show(); // instead of .show;
    return;
}

答案 2 :(得分:0)

请检查:http://jsfiddle.net/TFBqf/14/

你实际上是在检查错误的东西,并在两种情况下使用show方法(也没有使用括号)。

var a = $("#content div").html();

这将返回div的实际内容。

答案 3 :(得分:0)

以下是:http://jsfiddle.net/TFBqf/18/

尝试删除div中的文本以进行检查

var a = $("#content div").html("");

if(a.length == 0) {
    $("#link").hide();
}

答案 4 :(得分:0)

使用:

$('#link')[$('#content:empty').length ? 'show' : 'hide']();