javascript - 没有 x 可编辑表格元素的事件监听器

Question

我有一个动态表格，其中一列设置为具有可编辑元素。呈现页面后，我可以编辑第一行中的条目，但此后其他行都没有 id: name 的事件监听器。我不明白为什么。这是我的代码:

$(document).ready(function(){
    //toggle `popup` / `inline` mode
    $.fn.editable.defaults.mode = 'popup';     

    //make name editable
    $('#name').editable();
    ... });

      <tbody>
        <?php foreach ($action_lists as $list_item) {
          echo "<tr>";
              echo "<td> <a href=\"#\" id=\"name\" data-pk=\"{$list_item["ActionList"]["list_index"]}\" data-url=\"/post\" data-type=\"text\" data-placement=\"right\" data-title=\"Enter new name.\" class=\"editable editable-click\">{$list_item["ActionList"]["name"]}</a></td>";
          echo "</tr>";
        }?>
      </tbody>

Answer 1

$('#name') 将根据 id 查询文档，因此它将返回第一个匹配的元素，因此只需使用类名而不是 id 并使用 $(".name")，然后它将应用于所有元素