Tengo un modal donde la lista de títulos se muestra en el panel izquierdo y sus subcomponentes se muestran en el lado derecho. Este es el código, que obtendrá todos los datos en una sola matriz.

Formación

 [ 0 => [ "title" => 'Title A', .... "subComponents" => [ ] ], 1 => [ "title" => 'Title B', .... "subComponents" => [ ] ] ]

Modal

 $.post(url, {identification: identification}, function (res) { let parsedResponse = JSON.parse(res); $(".items-body").html(''); $(".level-wrapper-right-up").html(''); if (parsedResponse.success) { let records = parsedResponse.data; for (let j = 0; j < records.length; j++) { itemBodyContent.push("<div class='items-body-content left-heading'><span>" + records[j].title + "</span></div>"); } levelWrapperRightUp.push("<div class='title'>" + records[0].heading + records[0].title + "</div>"); } $(".items-body").html(itemBodyContent.join('')); $(".level-wrapper-right-up").html(levelWrapperRightUp.join('')); }); $("#componentModal").modal();

Ahora, cuando hago una selección en el title , sus subcomponentes también deben cambiar.

 $(".items-body").on("click", "div.left-heading", function() { alert($(this).text()); });

Dado que todos mis datos requeridos ya están dentro records . ¿Es posible obtener un clic en div.left-heading sin llamar al método POST?