Javascript 创建递增标题的按钮侦听器

我正在为我的网站创建一个表单，允许用户一步一步地添加 教程。每次用户单击“添加步骤”，都会出现一个带有图像字段和文本字段的新块

我从jQuery开始，我想在用户单击后出现的每个新块之前显示一个标题，这将是“步骤1”步骤n'

我尝试向块中添加一个HTML字段，并按如下方式填充它（263是“添加步骤”按钮的ID，323是我添加的HTLM字段）：

但它不起作用。。。谁能帮我一下吗

谢谢：）

试试这个：

$x = 0;
$([263]).click(function () {
   $x ++ ;
   $("[323]").val("Step " + $x);
}

---

使用jQuery

#…

中的ID选择器，您可以在缺少关闭的地方选择用于单击功能。最后，

.text（）

用于设置标题：

var x = 0
$("#323").text("Step " + x);
$("#263").click(function() {
    x++ ;
    $("#323").text("Step " + x);
});

不要使用

$x

看起来像php世界：）

你可以在这里随意修改代码

您可以将代码放在页面末尾的body标记之前，如下所示：

<script type='text/javascript'>//<![CDATA[ 
$( document ).ready(function() {
     var x = 0
     $("#323").val("");
     $("#263").click(function() {
        x++;
        $("#323").val("Step " + x);
     });
});//]]> 
</script>
</body>

//

---

编辑：从

.text（）

更改为

.val（）

，因为输入框用于显示

请发布所有的JavaScript和HTML，否则我们只能猜测。我为此做了一个修改：非常感谢您的帮助！我是否必须在开头添加：jQuery（document）.ready（函数（$）{并在结尾添加？为懒人制作了一个复制粘贴示例；）非常感谢！我对代码进行了一点修改，使其有一个文本框而不是标题，但是当我添加上面所写的内容时，出现了一个问题：但是它在没有//in fiddle的情况下工作，您不需要script标记。它是自动添加到那里的。您只需要在实际页面中复制过去，这里使用fiddler方法：-用.val（）而不是

.text（）

$（[263]）

不是节点的jQuery容器。它是一个数字容器，显然没有

单击

功能。为什么复制错误的代码？

<script type='text/javascript'>//<![CDATA[ 
$( document ).ready(function() {
     var x = 0
     $("#323").val("");
     $("#263").click(function() {
        x++;
        $("#323").val("Step " + x);
     });
});//]]> 
</script>
</body>