在JQuery中为每一行表绑定click函数

Question

我有一个包含多行的表，显示了不同项的名称和型号，每行的最后一列都有“添加”按钮，我想得到该项的名称（每行的第二列）当我点击添加按钮，但它只适用于第一行，我怎样才能使它适用于表的每一行

$(document).ready(function(){
    $("#btn-add").on("click",function() {
        var $row = $(this).closest("tr");    // Find the row
        var $text = $row.find(".this-name").text(); // Find the text

        // Let's test it out
        alert($text);
    });
});

我的表循环重复，HTML如下：

<tr>
    <td class="this-id" style="text-align: center;"><?php echo $id;?></td>
    <td class="this-name" style="text-align: left; padding-left: 15px;"><?php echo $name;?></td>
    <td style="text-align: left; padding-left: 15px;"><?php echo $level;?></td>
    <td style="text-align: left; padding-left: 15px;"><?php echo $number;?></td>
    <td style="text-align: left; padding-left: 15px;"><button id="btn-add">Add Item</button></td>
</tr>