jquery - jQuery访问动态创建的表单中的字段

Question

我动态地创建了几种这样的形式

<form id="form1".....>
    ...
    <input type="submit" ...
    <div id="output1"><!--Here I want to show a message--></div>
</form>
<form id="form2".....>
...
    <input type="submit" ...
    <div id="output2"><!--Here I want to show a message--></div>
</form>
<form id="form3".....>
...
    <input type="submit" ...
    <div id="output3"><!--Here I want to show a message--></div>
</form>
<form id="form4".....>
    <input type="submit" ...
    <div id="output4"><!--Here I want to show a message--></div>
</form>
...


jQuery(function($) {
    $('form[data-async]').live('submit', function(event) {
        var $form = $(this);
        var $target = $($form.attr('data-target'));
    $.ajax({
            type: $form.attr('method'),
            url: $form.attr('action'),
            data: $form.serialize(),

            success: function(data, status) {
                $("#output").text("My Success Message");
                //How can I  select the correct id for this output?

            }
        });

        event.preventDefault();
    });
});

我需要在使用 Ajax 提交的表单中设置消息文本。$("#output").text("我的成功消息"); 我不知道如何为提交的表单选择输出 div！我怎么才能得到它？

谢谢

Answer 1

更改此行：

$("#output").text("My Success Message");

至

$form.find('[id^="output"]').text("My Success Message");