javascript - 在 AJAX 响应文本中调用类

Question

我有一个 div，我在其中收到 ajax 响应

<div id="demo"></div>

作为响应，我得到了三个带有 id 和值的按钮

<button type="button" class="Model" onclick="ModelAppAll(<?php echo $i; ?>)">Approve All</button>
<button type="button" class="Model" onclick="ModelRejAll(<?php echo $i; ?>)">Reject All</button>

现在我想调用一个函数并获取警报框中的 $i 值，例如

function ModelAppReqId1(){
    alert(this.id);
}

或者像这样使用jquery

$(".model").click(function{
    alert(this.value);
});

简而言之，我希望像实际 DOM 元素一样使用 AJAX 响应。我无法在响应文本中找到任何类[模型]。 请给我一些想法。

Answer 1

如果您使用 jQuery 附加委托(delegate)单击事件处理程序，则可以通过将 PHP 代码中的 $i 变量放置在 data-* 属性中来实现此目的然后您可以在事件处理程序中检索该按钮。试试这个:

<button type="button" class="model" data-i="<?php echo $i; ?>">Approve All</button>
<button type="button" class="model" data-i="<?php echo $i; ?>">Reject All</button>

$(document).on('click', '.model', function() {
    var i = $(this).data('i');
    // use i here...
})

请注意，document 仅用于此处示例。理想情况下，您应该将该选择器更改为距离页面加载时 DOM 中可用的按钮最近的父元素。