如何在jquery中检测在php循环中单击了哪个按钮元素？

Question

So my code is something like this:-

for($i=0;$i<$length;$i++){
?>
<div id="scoreDiv">
    <input type="text"  name="myscore"  placeholder="Enter your score" required>
    <input type="text"  name="oppoScore"  placeholder="Your opponent score" required>
    <input id="submitScore" type="submit" value="submit" >
</div>
<?php
}
?>

In Jquery I want to detect which button was clicked and based on that button I want to take the input field entered by user.

Answer 1

You can do it like below (one example):-

$(document).ready(function(){
  $('.submitScore').click(function(e){
       e.preventDefault();
      alert($(this).prev().attr('name'));
    
    });
  
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="scoreDiv">

                <input type="text"  name="myscore"  placeholder="Enter your score" required>
                <input type="text"  name="oppoScore"  placeholder="Your opponent score" required>
                <input class="submitScore" type="submit" value="submit" >

        </div>
<div id="scoreDiv">

                <input type="text"  name="myscore1"  placeholder="Enter your score1" required>
                <input type="text"  name="oppoScore1"  placeholder="Your opponent score1" required>
                <input class="submitScore" type="submit" value="submit" >

        </div>

Note:- class is treated as group-selector while id is treated as individual-selector in Jquery.Thanks

</div>