Klickereignis an childnode anhängen funktioniert nicht, aber direkt an der ID funktioniert?

Question

Ich habe ein Dilemma, wenn ich versuche, ein bestimmtes Element durch den Zugriff auf Kindknoten Ziel klicken wird nicht funktionieren, aber wenn ich GetElementById dann anhängen, dass es funktioniert, aber ich muss es idealerweise tun, durch Kind-Knoten. Unten ist mein Code.

jQuery('#begin_consult').click(function(){ 
    jQuery('.cq-container').show(); 
    jQuery('#begin_consult').hide(); 
    if(jQuery('.option').hasClass('c_questions')){ 
     var y = document.getElementsByClassName('c_questions'); 
     for(var i = 0; i < y.length; i++){ 
      jQuery('.main-body').append(y[i].innerHTML); 

      var get_age_gparent = document.getElementsByClassName('age-check')[0]; 
      get_age_gparent.style = "display:block;"; 
      var get_age_parent = get_age_gparent.childNodes[1]; 
      var getOptionsDD = get_age_parent.childNodes[3]; 
      var getOptionsUL = getOptionsDD.childNodes[1]; 
      var getInputNo = getOptionsUL.childNodes[1]; 
      var getRadioBtnAge = getInputNo.childNodes[0]; 
      getRadioBtnAge.onclick = function(){ 
      alert('fffff'); 
     }; 
    } 

} 

}); 

Answer 1

Ich schlage vor, Sie einen anderen Ansatz. Ihre aktuelle Implementierung macht Ihren Code streng von der Struktur Ihres HTML abhängig. Wenn Sie jemals auch nur den kleinsten Gegenstand ändern, wird es brechen. Sie fügen ein Bild, ein Symbol oder ein Element in ein Div ein. Wenn ich du wäre, würde ich sie auf eine andere Weise beziehen. Sudo Code ich habe nicht getestet oder lief.

var get_age_gparent = jQuery('.age-check').first(); 
get_age_gparent.css({'display':'block'}); 
var get_age_parent = get_age_gparent.find('.ageparent');//add new class on target 
var getOptionsDD = get_age_parent.find('.optionsdd');//add new class on target 
var getOptionsUL = getOptionsDD.find('.optionsUL');//add new class on target 
var getInputNo = getOptionsUL.find('.inputNo');//add new class on target 
var getRadioBtnAge = getInputNo.find('input[type=radio].btnage');//add btnage classname to target button 
getRadioBtnAge.click(function(){ 
alert('fffff'); 
});