jquery - これとhtmlでjqueryを使用する

Question

次のコードでは、.tg はクラス タグです。アラートgot hereが表示されますが、この問題が発生することはありませんthis.html(opt_arr[i]);。この問題を解決する方法

  function populate_combo()
  {
     var opt_arr=new Array();

     var tg_len = $('.tg').length;
     arr_len = '{{response_dict.opt_arr_len}}';
     if(arr_len == tg_len)
     {
        alert("got here")
        {% for htm in response_dict.opt_arr %}
           opt_arr.push('{{htm}}') 
        {% endfor %}
        $(".tg").each(function (i) {
        this.html(opt_arr[i]);
           });

     }
     else
     {
        alert("There was an error while loadind dropdown box data");
     }

  }

EDIT

   {% for td in response_dict.taggeddata %}
     <tr id="{{td.id}}">
     <td width="20%">{{td.field1}}</td>
      {% if response_dict.tag_flag == 1 %}
              <td class="tg"></td>
     {% endif %}
        </tr>
  {% endfor %}

Answer 1

それをjqueryオブジェクトに変換する$(this)代わりに使用し、その上でjquery関数を使用します..this

$(this).html(opt_arr[i]);

動作しない

働く

Answer 2

$(".tg").each(function (i, e) {
    e.innerHTML = opt_arr[i];
});