我如何定义哪个按钮从一个循环内点击即可

Question

任何上级可以帮助我解决下面的问题。我的脚本错了。
我的问题是，我如何从循环内部获得一个值，当循环内部还有一个按钮和按钮时。 非常感谢

$(document).ready(function(){ 
 
    var btn = document.getElementsByid("button"); 
 

 
    for (var i = 0; i < document.getElementsByid("button").length; i++) { 
 
    
 
    /* my problem in here. How I define which one of the button 
 
    onclick then get value from the <input type=""hidden"> */ 
 
    btn[i].onclick = function() { 
 
    
 
     var hd1 = $("#hidden1"+i).val(); 
 
     
 
     $.get('try.php', { 
 
     sendResult: hd1 
 
     }, function(data) { 
 
     $('#returnResult').html(data); 
 
     }); 
 
     
 
    }; 
 
    }; 
 
});

<!-- I want sending one of the value from '$arrayValue'. --> 
 
<?php 
 
    $arrayValue = array(a, b, c); 
 

 
    foreach($arrayValue as $eachResult) { 
 

 
    echo ' 
 
     <input type="hidden" id="hidden1" value="'.$eachResult["arrayValue"].'"> 
 
    
 
     <button type="button" id="button"></button> 
 
    ';} 
 

 
?>

Answer 1

使用.prev().val()。而.getElementsByid("button")是无效的，应该是.getElementsByTagName("button")

$(document).ready(function() { 
 
    var btn = document.getElementsByTagName("button"); 
 

 
    for(var i = 0; i < btn.length; i++) { 
 

 
    /* my problem in here. How I define which one of the button 
 
    onclick then get value from the <input type=""hidden"> */ 
 
    btn[i].onclick = function() { 
 

 
     var hd1 = $("#hidden1" + i).val(); 
 
     console.log($(this).prev().val()) 
 
     $.get('try.php', { 
 
     sendResult: hd1 
 
     }, function(data) { 
 
     $('#returnResult').html(data); 
 
     }); 
 

 
    }; 
 
    }; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<input type="hidden" id="hidden1" value="hidden value 1"> 
 
<button type="button" id="button">btn1</button> 
 

 
<input type="hidden" id="hidden1" value="hidden value 2"> 
 
<button type="button" id="button">btn2</button>