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");