Javascript Jquery：如何访问中脚本下的div标记？

我有下面的html。我正在尝试访问脚本下的div标记warningMessage

<script id="notePopup" type="text/x-kendo-template">
    <p class="notePopupMessage">Please enter a note:</p>
    <input class="textNote k-textbox" type="text" maxlength="512" />
    <div class="buttons">
        <button class="add k-button">Add</button>
        <button class="cancel k-button">Cancel</button>
    </div>
    <div id = "warningMessage" style="visibility: hidden" >
    <p id="warningMsg" > Status change action note would not be saved until Save button is selected. </p>
    <div>
</script>

请输入注释：
添加
取消
在选择保存按钮之前，不会保存状态更改操作说明

我尝试访问div id warningMessage，并通过执行类似于

$（“#warningMessage”）.show（）的操作，将某些事件的可见性设置为不隐藏但它不起作用。
为了访问这个div标签，我们必须做什么不同的事情。我怀疑它的行为是这样的，因为它在一个脚本标记下

这是提琴。
首先尝试运行剑道脚本，然后通过运行您提到的jQuery函数访问元素？我猜当剑道脚本完成时，该模板将转换为有效的html，您的div将可用于jQuery。
它将不起作用，因为您首先设置了一个
可见性：hidden

因此，您可以在事件发生时将其设置为可见，或者首先为该特定事件显示：无

this

div

，并使其显示：块（使用show（）、fadeIn（）等）：

给你一把小提琴：

我将警告div设置为：

#warningMessage{
  display: none;
}

jQuery部分如下所示（只是一个示例）：

---

为什么它是在一个脚本标签开始，不要这样做。如果要使用$.hide（）和$.show（），也要使用display:none而不是visibility。是否正在执行$（“#warningMessage”）.show（）；在$（document）.ready（）中？正如@Mayank所说，一把小提琴会很有帮助。

script

标记下的标记永远不会被Jquery/JavaScript访问，直到它连接到DOM。我需要script标记才能使用剑道弹出框@glubus@BogdanGoie我正在执行$（“#warningMessage”）.show（）的按钮单击事件；这并不能回答我的问题。我需要一种方法来访问script元素下的div标记。OP清楚地说他需要将div放在一个script标记中，您的代码在这种情况下不起作用。

$('.add').on('click' , function(){

  if ($('.textNote').val())
        $('#warningMessage').show();
   else
    alert('enter something!');

});