Question

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

我从jQuery开始，我希望在用户点击后出现的每个新块之前显示一个标题，这将是“第1步”...'step n'

我尝试在块中添加一个HTML字段并像这样填充它（263是'添加步骤'按钮的ID和我添加的HTLM Field的323）：

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

但它不起作用......有人能帮帮我吗？

谢谢:)

Answer 1

使用jQuery #...中的ID选择器和缺少关闭);的点击功能。最后.text()用于设置H1标题：

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

并且不要使用$x看起来像php世界：）

你可以在这里找到代码http://jsfiddle.net/uh8m2wax/

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

<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()

Answer 2

试试这个：

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

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

2 个答案: