Can'；找不到新的<；tr>；使用PHP MVC模式附加Ajax

我尝试使用Ajax、PHP和MVC模式开发“加载更多”

但是我遇到了一个问题，那就是添加的新行无法使用ajax（它无法了解他）

我的ajax代码：

$(document).ready(function(){
     $(document).on('click','#More',function(){
        var id = $(".theID").last().val();
        alert(id);
        $.ajax({
            url:'/more',
            method: 'POST',
            data:{id:id},
            success:function(data){
                //if(data != ''){
                    $('#rank').append(data);
                /*}else{
                    $('#Load').remove();
                }*/
            }
        });
     });
 });

控制器中的PHP代码

$datas = User::loadMore($_POST['id']);
echo View::getTemplate('User/data.html',['datas'=>$datas]);

我的HTML代码

<tbody id='rank'>
    <tr>                
   <td>
      1 
   </td>

   <td>
  <img alt='' src='img/test.jpg'/>
   </td>
   <button class='theID' value="{{rank.ID}}" style='display: none'></button>
  </tr> 

  </tbody>

<button id='More' style=''>More</button>

1.
更多

data.html代码

{% for key,data in datas %}
<tr>
        <td>
                {{key}} 
        </td>

  <button class='theID' value="{{data.ID}}" style='display: none'></button>
     </tr>
{% endfor %}

{%用于键，数据位于数据%}
{{key}}
{%endfor%}

---

ajax代码工作正常，但当我获得数据时，ID总是第一个。

rank元素在哪里？

#More

元素在哪里？@Phil我更新了帖子，不确定它是否能解决您的问题，但您的

主体中缺少开头的
标记。另外，您的
按钮class='theID'
在任何
td
之外。您从哪里“获取数据”？问题是您的AJAX调用已经使用了错误的参数，或者响应不符合预期，或者您无法将正确生成的新行添加到现有标记中？“我的HTML代码”…这是
data.HTML
的代码，还是不是？