The problem is that when you want to use the .children in a class of a div that is called by ajax, it does not bring any results (it does not print the console.log with the posting), it is as if it were not in the page. Do you know how I can use the .children but with content that comes dynamic?
$(document).ready(function(){
var numero=0;
$(document).on('change', '#edit-field-campus-pro-target-id', function() {
$('.view-content').children().each(function () {
numero=numero+1;
console.log(numero);
});
});
});
I add html of what I'm looking for (I can not put everything to the limit of html it gives me)
<div class="view-content">
<div class="views-row views-row-2 views-row-odd">
<div class="field--item">
<div class="paragraph paragraph--type--adm-titulo-imagen-cont paragraph--view-mode--default" id="federal-plus-loan">
<div class="white">
<div class="container-fluid">
<div class="row">
<div class="column-left border-right flex-center" style="height: 350px;">
<div class="content-columns">
<div class="col-xs-12 col-sm-12 col-md-12">
<div class="text-left">
<div class="field field--name-field-adm-titulo field--type-string field--label-hidden field--item">Casas de asistencia del CEMYD </div>
<div class="field field--name-field-adm-descripcion field--item">
<p>Tiene como labor social proporcionar hospedaje a estudiantes mujeres talentosas y con limitantes económicas. Como parte de su filosofía y en apoyo a los valores que el Tec promueve en sus alumnos, el CEMYD enfatiza en la práctica de competencias ciudadanas y desarrollo profesional, así como también crear conciencia de la responsabilidad de retribuir el apoyo recibido por este Club.
</p>
</div>
<div class="col-md-6 col-md-offset-3">
<i class="material-icons collapsed" data-toggle="collapse" data-parent="#acordeon2396" href="#acordeon2396" style="color: #C42129"></i>
</div>
</div>
</div>
</div>
</div>
<div class="column-right imagen" style="height: 350px;">
<div class="overlay"></div>
<div class="content-imagen" style="background:#212121;">
<div class="field field--name-field-adm-imagen field--type-image field--label-hidden field--item">
<img src="/sites/default/files/foto3.jpg" width="700" height="500" alt="FEDERAL PLUS LOAN" typeof="foaf:Image" class="img-responsive" style="height: 350px;">
</div>
</div>
</div>
</div>
</div>
<div class="collapse" id="acordeon2396">
<div class="paragraph paragraph--type--adm-cont-tabs paragraph--view-mode--default">
<div class="container">
<ul class="nav nav-tabs">
<li class="active" style="border-bottom-width: 54px;">
<a data-toggle="tab" href="#paragraph-caracteristicasplan2396">
CARACTERÍSTICAS
</a>
</li>
<li style="border-bottom-width: 54px;">
<a data-toggle="tab" href="#paragraph-beneficiosplan2396">
REQUISITOS
</a>
</li>
<li style="border-bottom-width: 54px;">
<a data-toggle="tab" href="#paragraph-contactosplan2396">
CONTACTOS
</a>
</li>
<li style="border-bottom-width: 54px; display: none;">
<a data-toggle="tab" href="#paragraph-fechasplan2396">
FECHAS
</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane fade in active" id="paragraph-caracteristicasplan2396">
<div class="row">
<div class="paragraph paragraph--type--adm-columnas paragraph--view-mode--default">
<div class="white">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 ">
<div class="content-description">
<div class="field-content"><ul><li>Apoyo de hospedaje</li>
<li>Aplica solo para mujeres</li>
</ul></div> </div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade " id="paragraph-beneficiosplan2396">
<div class="row">
<div class="paragraph paragraph--type--adm-columnas paragraph--view-mode--default">
<div class="white">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 ">
<div class="content-description">
<div class="field-content"><ul><li>Admisión al Tecnológico de Monterrey, Campus Monterrey</li>
<li>Demostrar necesidad socioeconómica.</li>
<li>Promedio acumulado igual o mayor a 85.</li>
<li>Obtener 1,300* puntos en la Prueba de Aptitud Académica (PAA). Solo para alumnas de primer ingreso.</li>
<li>Ser alumna becada, con al menos un 60% de beca.</li>
<li>Llenar la solicitud de postulación.</li>
<li>Currículum Vitae.</li>
<li>Elaborar un ensayo no mayor a 2 cuartillas, en el que expongas por qué deseas obtener este apoyo de hospedaje.</li>
<li>Acudir a la sesión de entrevistas programada previa cita.</li>
</ul></div> </div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="paragraph-contactosplan2396">
<div class="row">
<div class="paragraph paragraph--type--adm-columnas paragraph--view-mode--default">
<div class="white">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 ">
<div class="content-description">
<div class="field-content">Dra. Carolina Morales [email protected]
Lic. Andree Zinelli. [email protected]
Fondos Externos [email protected]
</div> </div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade " id="paragraph-fechasplan2396">
<div class="row">
<div class="paragraph paragraph--type--adm-columnas paragraph--view-mode--default">
<div class="white">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 ">
<div class="content-description">
<div class="field-content"><p>Convocatoria:</p>
<p>Del 2 al 20 de Abril</p>
<p> </p>
<p>Entrevistas:<br>
Primera semana de Mayo</p>
<p>Resultados :<br>
Entre el 11 y 15 de Mayo</p>
</div> </div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--FIN -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>