如何使用jquery仅显示div中包含一些数据的标签？

我正在使用 Spring Controller 和 JSP 项目。我有一个 jsp 页面，其中有一个按钮Process一旦我单击该按钮，它就会在其下方显示两个单选按钮和一个Submit按钮也是如此。

单击“提交”按钮后，如果一切顺利，那么我会显示如下 -

Success= true 
Error= none
Data= some_data

但正如你在我的文章中看到的jsfiddle http://jsfiddle.net/4Nmqk/52/。当我点击 jsp url 后加载表单时，它在浏览器上的显示如下 -

Process

Success= 
Error= 
Data=

意思是，它有Process按钮位于顶部和正下方Success , Error and Data标签中没有任何值，因为我们尚未从控制器传递任何值。但对于用户来说，这看起来很奇怪。

所以我所做的是一旦我单击“进程”按钮 - 我不显示Success, Error and Data根本没有标签。它应该仅在单击提交按钮后显示，并在其中包含适当的值Success , Error and Data取决于从控制器传递的内容。

所以这就是jsfiddle http://jsfiddle.net/4Nmqk/50/这对我有用。这意味着每当单击提交按钮并且其中包含一些数据时我只会看到这些标签

现在我想做的是，如果标签的值Data按提交按钮后为空或为空，那么我不想显示Data根本没有标签，但如果Success and Error标签有一些数据，然后我会显示它们。如果可能的话我该怎么做？

我相信.hide()在jquery中不支持隐藏<label>。所以我建议使用<span>标签为您的标签而不是<label> tag

<span id="status">Success= ${SUCCESS}</span>

然后在你的javascript, use .hide() and .show()，类似于下面的内容：

$(document).ready(function() {

 //hide label
$('#status').hide();
$('#error').hide();
$('#data').hide();

$('.btn-primary').click(function () {
    $('.btn-primary').removeClass('currentButton')
    $(this).addClass('currentButton')
    $('form').hide()
    $("#form_" + $(this).attr('id')).show();
})

$('#submit').click(function(){

    $('#status').show();
    $('#error').show();
    $('#data').show();

});

})

更新的足够接近的演示 http://jsfiddle.net/jhyap/4Nmqk/98/