javascript - 选择正确的变量 php/javascript

Question

我有一个我建立的愿望 list 。它可以正确地添加/显示/删除项目，但我想更进一步。当我删除一个项目时，我希望它有一个弹出窗口，显示类似“项目 X 已被删除”的内容。

它内置在 HTML 中 table从 foreach 生成变量.

我的问题:成功删除任何项目后，JS 提示只会抓取第一个列出的项目的值。

即如果我为任何项目单击删除，它每次都会回显第一个项目中的变量。但是，它每次都会删除正确的内容。

HTML

`echo '<tr >
                    <td >
                        '.$shirt_name.'
                    </td>
                    <td>
                        '.$model_number.'
                    </td> 
                    <td style="padding-left:9px;"><div style="height:50px;background-size:contain;" class="'.$shirt_image.'">
                       </div>
                    </td>

        ';              
         ?>
              <? echo '<td>  
              <form action="delete_button.php" method="post">
              <input type="hidden" id="deleteitem" class="testbtn" name="deleteitem" value="'.$delete_shirt. '">
              <input type="submit" id="del_but" value="Remove" class="deleteBtn">
              </form></td>                 
              ';

Javascript 这里为了简洁起见，我只是想用
回应输入的值 class="testbtn"

  <script>
$('.deleteBtn').click(function() {    
var deleteitem = $(".testbtn").val();
alert (deleteitem);
});
</script>`

因此，它只提示第一个列出的值 <tr>而不是我点击的相关的。我如何让它捕获相对值(value)？我希望我说得够清楚了!

Answer 1

试试这个

<script>
$('.deleteBtn').click(function() {  
var deleteitem = $(this).parent().find('.testbtn').val();
alert (deleteitem);
});
</script>