Tengo un checklist que se arma dinámicamente con Jqurey
según una selección previa, por lo que
por momentos puedo tener 3 checks o 6 según el perfil del usuario que voy a editar.
Intento hacer que los checks se llenen con la información a medida que los selecciono,
ya que de lo contrario traen como máximo 50000 registros y tarda bastante en cargar la pantalla.
No entiendo por qué no me funciona la selección JQuery
.
Quiero llegar al span
con la clase dynatree-checkbox
que está dentro del li
que
está dentro del ul
con clase dynatree-container
que está dentro del div
con id jstree_autorizaciones
para asignarle el evento click
y ejecute una
funcion "x".
Acá dejo el código renderizado para que lo puedan entender mejor.
<div class="panel panel-default">
<div class="panel-body" style="height:260px;max-height:260px;overflow-y:auto;overflow-x:auto;">
<div id="jstree_autorizaciones">
<ul class="dynatree-container">
<li class="">
<span class="dynatree-node dynatree-folder dynatree-exp-c dynatree-ico-cf">
<span class="dynatree-connector"></span>
<span class="dynatree-checkbox"></span>
<span class="dynatree-icon"></span>
<a href="#" class="dynatree-title">Auditor</a>
</span>
</li>
<li class="">
<span class="dynatree-node dynatree-folder dynatree-exp-c dynatree-ico-cf">
<span class="dynatree-connector"></span>
<span class="dynatree-checkbox"></span>
<span class="dynatree-icon"></span>
<a href="#" class="dynatree-title">Control de Calidad</a>
</span>
</li>
<li class="">
<span class="dynatree-node dynatree-folder dynatree-exp-c dynatree-ico-cf">
<span class="dynatree-connector"></span>
<span class="dynatree-checkbox"></span>
<span class="dynatree-icon"></span>
<a href="#" class="dynatree-title">Control de Calidad en Bases</a></span>
</li>
<li class="">
<span class="dynatree-node dynatree-folder dynatree-exp-c dynatree-ico-cf">
<span class="dynatree-connector"></span>
<span class="dynatree-checkbox"></span>
<span class="dynatree-icon"></span>
<a href="#" class="dynatree-title">Inspector</a></span>
</li>
<li class="dynatree-lastsib">
<span class="dynatree-node dynatree-folder dynatree-lastsib dynatree-exp-cl dynatree-ico-cf">
<span class="dynatree-connector"></span>
<span class="dynatree-checkbox"></span>
<span class="dynatree-icon"></span>
<a href="#" class="dynatree-title">Tráfico</a>
</span>
</li>
</ul>
</div>
</div>
Puedo seleccionar el div
pero luego ya no puedo hacer que seleccione el resto.
Con esto selecciono el div
: $('#jstree_autorizaciones)
, luego intento agregar el
ul
haciendo $('#jstree_autorizaciones > ul.dynatree-container')
pero acá ya no funciona y no sé que hago mal, todavía no manejo mucho JQuery pero
por lo que entiendo debería funcionar de esta manera. Luego seguiría con la selección hasta
llegar al span
que contiene la clase dynatree-checkbox
, sería algo como esto:
var check = $('#jstree_autorizaciones > ul.dynatree-container > li > span.dynatree-checkbox');