using jquery with this and html

Question

In the following code .tg is a class tag. I get the alert as got here but i d o not see this happen this.html(opt_arr[i]); how to resolve this issue

  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 %}

What's the value of tg_len? If it's 0 then obviously the each loop will have nothing to do... — RichardTowers
– RichardTowers, Commented Aug 19, 2012 at 17:38

Rajat Singhal · Accepted Answer · 2012-08-19 17:37:15Z

3

use $(this) instead of this to convert it to jquery object, and use jquery function on it..

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

Not Working

Working

answered Aug 19, 2012 at 17:37

Rajat Singhal

11.3k5 gold badges40 silver badges57 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

Rajeev Over a year ago

but actually the dropdown box doesnt appear i can see the html code

Rajat Singhal Over a year ago

I presume u are trying to insert options from the for loop..changing html is not the way to do it..

Rajeev Over a year ago

but usually when u say $.html() will sonvert to html right.If not how to go about it in this case

Rajat Singhal Over a year ago

give complete code..what is .tg..do u have select box already..btw u are removing all html of .tg initially..read this..stackoverflow.com/questions/170986/…

Rajeev Over a year ago

I have edited the question and have given the html also have removed $('.tg').html(''); thats not required

|

adeneo · Accepted Answer · 2012-08-19 17:41:53Z

0

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

answered Aug 19, 2012 at 17:41

adeneo

319k29 gold badges410 silver badges392 bronze badges

Collectives™ on Stack Overflow

using jquery with this and html

2 Answers 2

6 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related