给ajax拼接的元素添加一个单击事件，并传入当前元素

在JavaScript中，你可以使用addEventListener方法给通过AJAX创建的元素添加点击事件，并且传递当前元素作为事件处理函数的参数。以下是一个简单的示例：

// 假设你已经有了一个AJAX请求来获取数据并插入到页面中
// 这里是一个假设的AJAX请求，实际情况中你需要替换成你的AJAX请求代码
// $.ajax({
//     url: 'your-endpoint.php',
//     success: function(data) {
//         // 假设返回的数据是一个简单的列表
//         var container = document.getElementById('container');
//         container.innerHTML = data; // 假设返回的数据直接插入到页面
 
//         插入元素后，遍历所有新元素并添加点击事件
//         var newElements = container.getElementsByTagName('button'); // 假设是button元素
//         newElements.forEach(function(el) {
//             el.addEventListener('click', function() {
//                 alert('Clicked on: ' + el.innerHTML);
//             });
//         });
//     }
// });
 
// 使用jQuery的示例
$.ajax({
    url: 'your-endpoint.php',
    success: function(data) {
        var container = $('#container');
        container.html(data); // 假设返回的数据直接插入到页面
 
        // 使用on方法来给未来添加的元素添加事件
        container.on('click', 'button', function() {
            alert('Clicked on: ' + $(this).text());
        });
    }
});

在这个示例中，我们假设通过AJAX请求获取到数据后插入到页面中的一个容器元素。然后我们遍历这个容器内的所有<button>元素，并为它们添加了点击事件。当任何一个按钮被点击时，会弹出一个带有元素内容的警告框。

注意：这里使用了jQuery的$.ajax方法和on事件委托方法，以简化代码。如果你不使用jQuery，你需要使用原生的XMLHttpRequest或者其他AJAX库，并使用addEventListener或者类似的方法来绑定事件。