javascript - 使用 jquery 或 js 更改包含 html 的变量中禁用的属性

Question

我需要禁用变量中的“gcf_crud”类元素。

我的错误代码是:

var defText = ''+
'   <div class="form-group col-md-12">'+
'       <h4 id="minimum-setp">{{title}}</h4>'+
'       <input type="text" class="form-control gcf_crud" id="txtUsuari" value="{{data}}"/>'+
'   </div>';
var defTextDisabled = $(defText).find('.gcf_crud').prop('disabled', true);

使用此代码，我仅获取输入，但我需要所有原始 html。

我该如何做才是正确的？

问候， 希克

Answer 1

由于 .find('.gcf_crud')，您的 defTextDisabled 变量仅返回输入。

但似乎您需要一个对包含所有元素的 jQuery 对象的引用(变量)。为此，请分步骤分解您的流程:

var defText = '<div class="form-group col-md-12">'
            +   '<h4 id="minimum-setp">{{title}}</h4>'
            +   '<input type="text" class="form-control gcf_crud" id="txtUsuari" value="{{data}}"/>'
            + '</div>',
    $defText = $(defText); // Save the entire thing here
    
// Now, you can disable the input
$defText.find('.gcf_crud').prop('disabled', true);

// And use the whole content
$('body').append($defText);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.1/jquery.min.js"></script>