javascript - 无法手动将 DIV 元素的可见性设置为 true。 "TH:IF"问题

Question

我有以下 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 Controller 中的模块时，它工作得很好，但是当我想动态设置它时，它不起作用。

Answer 1

要检查元素是否存在，您可以简单地通过 console.log 元素的长度，例如:

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

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

$("#divError").length

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