jquery - 设置通过 ajax 返回的 html 字符串中的输入值

Question

我想知道是否有一种方法可以在将输入附加到文档之前设置输入的值(通过 ajax 调用返回)。

 $(function () {
    $("#addItem").click(function () {
        var numRows = $('.row').length;
        $.ajax({
            url: this.href,
            cache: false,
            success: function (html) {
                // find input id in html that contains Order ?
                // set value of the input to numRows + 1 ?

                // append updated html to an element called #rows
                $("#rows").append(html);
            }
        });
        return false;
    });

感谢您的帮助

html 可能如下所示

<div class="row">
<input type="hidden" name="OfficialAddresses.index" autocomplete="off" value="1cffe209-44e1-44ca-a013-a808bff8a174">
        <fieldset>
            <legend>Address</legend>  
            <div class="editor-field">
                <input class="text-box single-line" id="OfficialOfficialAddresses_1cffe209-44e1-44ca-a013-a808bff8a174__Order" name="OfficialOfficialAddresses[1cffe209-44e1-44ca-a013-a808bff8a174].Order" type="text" value="0">

            </div>
            <div class="clear">&amp;nsbp;</div>
            <a href="#" class="deleteRow">delete</a>
            <div class="clear">&amp;nsbp;</div>
        </fieldset>
</div>

Answer 1

假设输入的 ID 是 Order:

success: function (html) {
    var $html = $(html);

    $html
        .find('#Order')        // find input id in html that contains Order
        .val(numRows + 1);     // set value of the input to numRows + 1

     // append updated html to an element called #rows
    $("#rows").append($html);
}

如果您确实意味着输入的 ID 仅包含订单，请使用 fancier selector :

$html.find('input[id*=Order]').val(numRows + 1);