无法手动将DIV元素上的可推性设置为true。 ＆＃34; TH：IF＆＃34;问题

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是隐藏还是不存在？因为如果它不存在，我就没有必要尝试使它成为可见的＃34;如果是这样，我怎样才能手动完成它。当$ {error}属性被添加到java控制器中的模块时，它可以正常工作，但是当我想在运行时设置它时它不起作用。

Answer 1

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

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

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

$("#divError").length

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