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

Question

我正在开发对评论进行两级重播的评论系统，但我对如何显示和隐藏 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>

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

Answer 1

由于您的 HTML 中没有按钮，因此部分是猜测。但是以下代码将在您的按钮之后立即切换跨度的可见性:

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

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

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