警报给出[对象NodeList]

Question

I have a function in Javascript & jQuery .

dynamic_link = $j('#dynamic_link_add_btn').parent().parent().parent().parent()
                  .children('tbody').html();


function add_tier (t,html_handle){
     alert(html_handle);
     $j(t).parent().parent().parent().parent()
          .children('tbody').append(html_handle);
}

It is called by onclick="add_tier(this,dynamic_link)" :

<td class="a-right" colspan="4">
    <button class="scalable add" type="button" id="dynamic_link_add_btn" onclick="add_tier(this,dynamic_link)">
        <span>Add Extra Links</span>
    </button>
</td>

What is it?

Handles dynamic form fields (appending HTML, to be more precise).

How should it work?

It should add the HTML it gets from the dynamic_link variable to the designated place. It works fine with other rows. Rows have multiple input boxes and checkboxes.

What it does right now?

The alert gives out [object NodeList] .

What I have tried till now?

Iterated the NodeList . It doesn't return the HTML (I am not sure that it even does that task).

NOTE: The form is really a big one. There are many dynamic_link type variables which stores HTML. I have also compared character by character between the working and the not working LOC.

---

Edit : $j is just the $ of jQuery. It's been defined with jQuery.noConflict.

Answer 1

first of all you can use jQuery instaed of $j . that way you don't need to add jQuery.noConflict

then another point

instead of using

dynamic_link = $j('#dynamic_link_add_btn').parent().parent().parent().parent().children('tbody').html();

very easily you can use

dynamic_link = jQuery('#dynamic_link_add_btn').parents('.class_name').children('tbody').html();

class_name is the class name of your parent element that you want to select.

then you can try

jQuery('#dynamic_link_add_btn').live('click',function(){

var dynamic_link = jQuery(this).parents('.class_name').children('tbody').html();

      alert(dynamic_link);
      jQuery(this).parents('.class_name').children('tbody').append(dynamic_link);

});

to give a specific solution , you should post your HTML