檢索按鈕的唯一值

Question

我有幾個按鈕屬於同一個類。我想檢索我點擊的按鈕的值。

這裏是我的代碼：

var battons = document.getElementsByClassName("converting_video"); 
 
var number_of_buttons = battons.length; 
 

 
function actual_url() { 
 
    while (number_of_buttons > 0) { 
 
    for (i = 1; i <= number_of_buttons; i++) { 
 
     function getting_url() { 
 
     battons[i].addEventListener("click", video_url) 
 
     } 
 

 
     function video_url(url) { 
 
     alert(url); 
 
     } 
 
    } 
 
    } 
 
} 
 

 

 
var battons = document.getElementsByClassName("class_btns"); 
 
var number_of_buttons = battons.length; 
 

 
function actual_url() { 
 
    while (number_of_buttons > 0) { 
 
    for (i = 1; i <= number_of_buttons; i++) { 
 
     function getting_url() { 
 
     battons[i].addEventListener("click", video_url) 
 
     } 
 

 
     function video_url(url) { 
 
     alert(url); 
 
     } 
 
    } 
 
    } 
 
}

<button class="class_btns" value='1'> results </button> 
 
<button class="class_btns" value='2'> results </button> 
 
<button class="class_btns" value='3'> results </button> 
 
<button class="class_btns" value='4'> results </button>

Answer 1

這將讓你得到任何按鈕的點擊價值。使用jQuery的.click（）事件處理函數和$（this）.val（）將允許單擊按鈕的值成爲警報中的值。不知道你實際上用video_url等尋找什麼，但這應該指向你正確的方向。然後，您可以使用該值從點擊到你傳遞給你的函數，而不是jusrt提醒我。例如：... VIDEO_URL（btnVal）...

$(document).ready(function(){ 
 
    $('.class_btns').click(function(){ 
 
    var btnVal = $(this).val(); 
 
    alert(btnVal); 
 
    }) 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button class="class_btns" value='1'>results</button> 
 
<button class="class_btns" value='2'>results</button> 
 
<button class="class_btns" value='3'>results</button> 
 
<button class="class_btns" value='4'>results</button>