动态创建div时如何显示/隐藏div

我正在开发评论系统，对评论进行两级重播，我在如何显示和隐藏 div 方面遇到问题..，因为它的 id 不同..，我尝试了以下方法：

<button>replayl</button>

<span style="display:none;">
   <form action='' method='post' name="addcmt" onsubmit="return validate()">
        <textarea rows="1" cols="60" name='textarea1' id='textarea1' onKeyDown="limitText(this.form.textarea1,this.form.countdown,300);" 
                                  onKeyUp="limitText(this.form.textarea1,this.form.countdown,300);">
       </textarea>
       <br>
       <br>
       <input type="hidden" name="level1" id="level1" value="commtlevel1" />
       <input id='addcmt' type='submit' value='Add reply' name='submit'/> 
   </form>
</span>

和jquery：

 <script>
     $("button").click(function () {
        $("span").show();                 
     });
</script>

但是这样，当我单击回复按钮时，它会显示所有跨度标签内容......，我想知道如何仅显示一个标签或完成工作的一种方式。

由于您的 HTML 中没有按钮，因此这部分是猜测。但以下代码将立即切换按钮后面的范围的可见性：

 $(document.body).on("click", "button", function () {
      $(this).next("span").toggle();
 });

请注意，您最好定义一些类以使选择器更具选择性：

 $(document.body).on("click", "button.toggler", function () {
      $(this).next("span").toggle();
 });