如何通过JQuery查找和禁用按钮

Question

我在html中有一个输入文本，并带有一个查找按钮。由于某些原因，我想禁用按钮和文本框。

我尝试了以下操作，但没有成功。

var btn = $("#x_Id_armaster").closest(".ew-lookup-list").find(".ew-lookup-btn");
btn.attr("disabled");

请告知，预先感谢。

<div class="row col-md-12 col-lg-12">
    <label class="col-md-3 col-lg-3 captionstyle">
        Client <i data-phrase="FieldRequiredIndicator" class="fas fa-asterisk ew-required" data-caption="FieldRequiredIndicator"></i>
    </label>
    <div class="col-md-9 col-lg-9">              
        <span id="el_s_invoice_Id_armaster">
            <span></span>
            <div class="input-group ew-lookup-list">
                <div class="form-control ew-lookup-text" tabindex="-1" id="lu_x_Id_armaster">
                    Please select
                </div>
                <div class="input-group-append">
                    <button type="button" title="" class="ew-lookup-btn btn btn-default" onclick="ew.modalLookupShow({lnk:this,el:'x_Id_armaster',m:0,n:10});" ata-original-title="Lookup - Client"><i class="fas fa-search ew-icon"></i></button>
                </div>
            </div>
            <input type="hidden" data-table="s_invoice" data-field="x_Id_armaster" data-multiple="0" data-lookup="1" data-value-separator=", " name="x_Id_armaster" id="x_Id_armaster" value="" onchange="ew.updateOptions.call(this);">
        </span>
    </div>
</div>

Answer 1

您可以这样操作：

$('.ew-lookup-btn').attr("disabled", true);