jquery處理表中的按鈕

我還沒有找到這個問題的合理答案。jquery處理表中的按鈕

我有一個表正在顯示，並在表中每行的結尾處是一個按鈕來加入遊戲的行中。

的按鈕只是

<td><button class="btn-u btn-u-xs rounded-2x btn-u-default" id="<?php echo $game['id']; ?>"type="button">Join League</button></td>

每個按鈕ID是用戶加入遊戲的行的id。所以當用戶點擊該行的按鈕時，我需要jquery來運行帖子，以保存用戶在遊戲中

我有後端PHP代碼來實際保存用戶，但我不知道如何jquery發送帶按鈕的帖子ID

來源

2014-10-10 mpiazza031

將一個類添加到所有相同的按鈕中，以用作jQuery中的選擇器。我給了他們所有的聯盟。然後監聽這些按鈕上的點擊事件。您可以獲取遊戲ID並使用它來提交表單或進行ajax調用，以便用戶保存在該遊戲中。

HTML

<td><button class="btn-u btn-u-xs rounded-2x btn-u-default join-league" id="<?php echo $game['id']; ?>"type="button">Join League</button></td>

$('.join-league').on('click', function(e) { 
    e.preventDefault(); 
    e.stopPropagation(); 

    var gameId = $(this).attr('id'); 
    ... do stuff, submit form or make ajax call 
});

http://jsfiddle.net/ouomkk1k/的jsfiddle例如

來源

2014-10-10 17:18:08 slapyo

嗯，我試過，它沒有工作，我認爲它是因爲類是這樣大，只是加入聯盟在最後不會工作 – mpiazza031 2014-10-10 18:30:21

爲我工作，我補充說一個JSFiddle的鏈接。 – slapyo 2014-10-10 18:34:36

你所能做的就是給所有按鈕的類名，如「保存用戶」。然後，使用jQuery通過課程將偵聽器附加到他們，並使用$(this).attr('id')訪問他們的個人ID。

例子：

HTML

<table> 
    <tr> 
     <td><button class="button" id="1">B1</button></td> 
     <td><button class="button" id="2">B2</button></td> 
     <td><button class="button" id="3">B3</button></td> 
     <td><button class="button" id="4">B4</button></td> 
     <td><button class="button" id="5">B5</button></td> 
    </tr> 
</table>

$(document).ready(function(){ 
    $('.button').on('click', function(){ 
     alert($(this).attr('id')); 
    }); 
});

的jsfiddle例如here

來源

2014-10-10 17:18:31 terpak

jquery處理表中的按鈕

回答

相關問題