jQuery在foreach循环标签里面找对象的值

<?php
  header("Content-type: text/html; charset=utf-8");
  $list=[
    ['user'=>'小明','money'=>120,"sex"=>"男"],
    ['user'=>'小红','money'=>0,"sex"=>"女"],
    ['user'=>'小张','money'=>60,"sex"=>"男"],
    ['user'=>'小花','money'=>310,"sex"=>"女"],
  ];
?>
<table border="1">
    <tr>
        <td>ID</td>
        <td>姓名</td>
        <td>余额</td>
        <td>性别</td>
        <td>操作</td>       
    </tr>
   <?php foreach ($list as $k => $v){ ?>
    <tr>
        <td><?=$k+1 ?> </td>
        <td class="user_name"><?=$v['user']; ?></td>
        <td><?=$v['money']; ?></td>
        <td><?=$v['sex']; ?></td>
        <td>
            <span>
                <a href=""><button id="but">点击</button></a>
            </span>
        </td>       
    </tr>
 <?php } ?>    
</table>
<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<script type="text/javascript">
    /**
     * JQ循环标签里面找对象,充分利用$(this) 
     */
    $("button").click(function(){
        var name = $(this).parents("tr").find(".user_name").html();
        alert(name);
    });   
</script>