按鈕偵聽器創建遞增標題

我正在爲我的網站創建一個表單，它可以讓用戶逐步添加教程。每次用戶點擊「添加一個步驟」時，都會出現一個帶有圖像字段和文本字段的新塊。按鈕偵聽器創建遞增標題

我與jQuery開始，我想有用戶點擊後出現的每一個新塊這將是「第1步」 ......之前顯示的標題「n步」

我嘗試添加一個HTML字段的塊和填充它是這樣的（263是「添加一個步驟」按鈕的HTLM場我添加了ID和323）：

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

但它不工作...任何人都可以請幫幫我？

謝謝:)

來源

2015-04-01 Graham Slick

請發佈所有的JavaScript和HTML，否則我們猜測。 – 2015-04-01 12:15:15

我爲此做了一個小提琴：http://jsfiddle.net/uh8m2wax/ – 2015-04-01 12:37:12

使用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()因爲輸入框用於顯示

來源

2015-04-01 12:16:07

非常感謝您的幫助！我需要在開頭添加：末尾？ – 2015-04-01 13:01:01

爲懶人們製作了複製粘貼示例;） – 2015-04-01 13:30:04

非常感謝！我修改了一些代碼，使其具有文本框而不是頭文件，但是當我添加上面所寫的代碼時，出現了一個問題：https://jsfiddle.net/uh8m2wax/2/但它沒有使用 – 2015-04-01 15:30:34

-1

試試這個：

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

來源

2015-04-01 12:15:03 Jordumus

'$（[263]）'不是一個jQuery的節點容器。它是一個顯然沒有'click'功能的數字的容器。你爲什麼要複製OP錯誤的代碼？ – 2015-04-01 17:40:06

按鈕偵聽器創建遞增標題

回答

相關問題