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を必要としています。

どうすればいいですか？

よろしく、 Seak

Answer 1

defTextDisabled変数は、.find('.gcf_crud')のために入力を返します。

しかし、すべての要素を含む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>

Answer 2

は、メインのdivにgcf_crudクラスを追加します。