无法手动将 DIV 元素的可见性设置为 true。 “TH:IF”问题答案

【问题标题】：Can not set vissability on DIV element to true manually. "TH:IF" issue无法手动将 DIV 元素的可见性设置为 true。 “TH:IF”问题
【发布时间】：2016-02-02 09:03:00
【问题描述】：

我有以下 DIV：

.. <div class="row" th:if="${error}" id="divError" name="divError">
      <div class="col-lg-12">
            <div class="alert alert-danger" role="alert" th:text="${error}" id="errorMessenge">An
                error occured</div>
      </div>
   </div> ...

现在我有以下脚本：

function someFunction(){
.........................
   if(something){
      $("#errorMessenge").text("Error for example"); // <- works 
      //HERE I WANT TO SET THIS "TH:IF" ON ROW "divError" TO TRUE
      //SO THE ROW WITH THE "Error for example" WILL SHOW.
   }
}

我尝试过这样的事情：

$("#divError").css("display", "");
$("#divError").css('visibility', 'visible');
$("#divError").css('display','block');
$("#divError").show();

没有任何作用。我的问题是：那个 div 是隐藏的还是不存在的？因为如果它不存在，我就没有必要尝试让它“可见”，如果是这样，我该如何手动完成它。当 ${error} 属性添加到 java 控制器中的模块时，它工作得很好，但是当我想动态设置它时它不起作用。

【问题讨论】：

我想在服务器端决定元素是否应该在 html 中呈现。
正确。在某些情况下，我决定是否将此元素添加到服务器端的 html 中，但是一旦在某些情况下未在 html 中添加（例如单击按钮），我希望“divError”出现在可能的情况下。跨度>

标签： javascript jquery html spring thymeleaf

【解决方案1】：

要检查一个元素是否存在，你可以简单地 console.log 元素的长度，比如：

console.log($("#divError").length);

也可以直接在开发者工具中打开控制台使用

$("#divError").length

如果长度大于零，则元素存在。

【讨论】：