Question

我的jQuery代码是

$.ajax({
        type: 'POST',
        url: "~/Pages/test.aspx",
        data: "json",
        success: function (response) {

            $('#testSpan').html(response.HasCases);

    },
        error: function (e1, e2, e3) {
            $('#testSpan').html('Error');
    }
});

我得到的响应值为True或False。如果我的值为True，我应该显示DIV标签值，否则我应该隐藏DIV标签。上面的代码在div文本的位置显示为true或false值:(

Answer 1

切换将根据布尔值显示或隐藏元素。

 $('#testSpan').toggle(response.HasCases);

参考：

toggle()

Answer 2

您需要使用show()和hide()代替html（）

if(response.HasCases == "true")
   $('#testSpan').show();
else 
  $('#testSpan').hide();

您的代码将是

$.ajax({
        type: 'POST',
        url: "~/Pages/test.aspx",
        data: "json",
        success: function (response) {       
          if(response.HasCases == "true")
             $('#testSpan').show();  
        }, error: function (e1, e2, e3){   
            $('#testSpan').show();           
        }
});

Answer 3

您可以使用jQuery toggle()来实现此目的：

if(response.HasCases == "true")
   $('#testSpan').toggle();

在jquery中设置DIV标记可见性

3 个答案: