javascript - Ajax 调用 -> 生成 html -> 下一个 ajax 调用更改生成的 html 的 CSS

Question

场景:首先我根据 ajax 调用的结果生成一些 html。

生成的 html 将包含触发事件的按钮。

当此事件被触发时 -> 我提交另一个 ajax 调用来验证某些输入(在“新生成的 html”上)

我从这个 ajax 调用中得到了一些数据的响应。

到目前为止一切都很好!

问题:

基于此结果 -> 我想通过添加类“has-error/has-success”(到新生成的 html)来更改我的(新生成的 html)

但是 jQuery 无法找到它们，因为它们最初并不在 DOM 中。

注意:在生成 html 时添加 .on 事件/在生成 html 时添加 CSS 不是问题!

之后我必须访问它们

Answer 1

这是我在评论中描述的一个简单示例。您没有在问题中提供任何 html，所以我只添加一点。

<div id="container">(new html will go here)
    <span id="mySpan">this is my new span</span>
</div>

对于您的绑定(bind)，我们将绑定(bind)到页面首次加载时容器。

$('#container').on('click', '#mySpan', function()
{
    var $span = $(this);
    // some ajax call does something
    ...
    .success: function()
    {
         // or whatever you want to add             
         $span.addClass('has-error');
    },
    // whatever else your ajax has

});

将来您应该包含代码，这样我们就不必如此含糊而没有答案。也就是说，这就是您完成您想要做的事情的方法。