増加した引数値を持つ関数を呼び出すOnclick

Question

私は、引数である引数を取るjQuery関数を持っています。

ボタンをクリックしたときにこの関数を呼び出すボタンもあります。

ボタンをクリックするたびに増加するarg番号で関数を呼び出す方法を教えてください。

など。最初のボタンのクリック等

、第二ボタンのクリックがmyFunction(2)を呼び出し、myFunction(1)を呼び出し、私はボタンがargがクリックの数であるmyFunction(arg)を呼び出すためにクリックします。

myFunctionそれ自体はカウンタではなく、独自のコードです。

HTML：

<button id='newData' value=0 onclick='sinAjax()'>New Data</button> 

JS：私はクリックごとにsinAjax(click number+100)を呼び出したい

$(document).ready(function() 
{ 
    setValue(); 
    $('#newData').onclick('click', setValue); 
}); 

function setValue() 
{ 
    var val = parseInt($('#newData').val()); 
    var newVal = val +=100; 
    $('#newData').val(newVal); 
} 

更新コード：

HTML：

<button id='newData' value=0 >New Data</button> 

JS：

$(document).ready(function() { 
    setValue(); 
    $('#newData').click(function() { 
     sinAjax(val); 
    }) ;  
}) ; 

function setValue() { 
    val = parseInt($('#newData').val()); 
    var newVal = val +=100; 
    $('#newData').val(newVal); 
} 

私が直面してる問題は、ボタンを一度だけ動作することで、その後、連続したクリックは私に同じ値を与えます。

Answer 1

あなたは、このタスクを達成する多くの方法があります：データ属性attrに増加する値を格納したり、単に：

var counter = 0; 
$(element).on('click', function() { 
    myFunction(counter++); 
}); 

Answer 2

が0（またはデータatttributeを使用）に、ボタンの値を設定し、ボタンの値を取得する関数を取得し、インクリメントしてから新しい値に設定します。そうすれば、あなたがprogrammticallyまたはクリックを経由して機能をトリガするかどうかは問題ではありません - アクションが同じ

$(document).ready(function(){ 
 
setValue(); 
 
$("#myButton").on('click',setValue) 
 
    }) 
 
    
 
function setValue(){ 
 
    var val = parseInt($("#myButton").val()); 
 
    var newVal = val += 1; 
 
    $("#myButton").val(newVal) 
 
    console.log("New Value is: " + newVal) 
 
    } 
 
    
 
        
 
        
 
    
 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button type ="button" value="0" id="myButton">Click Me</button>

Answer 3

<button clickTime="1" onclick="myFunction(this.getAttribute('clickTime'),this)">遁地龙卷风</button> 
function myFunction(time,target) 
{ 
    alert(time) 
    target.setAttribute('clickTime',+time+1) 
}