Skip to main content
se añadieron 1029 caracteres en el cuerpo
Origen Enlace
Ivan More Flores
  • 1.6k
  • 4
  • 20
  • 45

jQ del ajax:

$(document).ready(function () {
    $.ajax({
        url: baseurl + 'Catalogo/obtener_categoria',
        type: "POST",
        dataType: "JSON",
        success: function (data)
        {
            $('#lista_categoria').empty();
            $('#lista_categoria').append(data);
        }
    });
//    obtener_productos(6);
});

Controlador:

public function obtener_categoria() {
        $niveles = $this->catalogo->obtener_categoria();
        $resp = '';
        foreach ($niveles as $row) {
            $resp .= '<li><a id="' . $row ['id_categoria'] . '" href="#" data-toggle="tab">' . $row ['nombre'] . ' (' . $row ['Total'] . ')</a></li>';
        }
        echo json_encode($resp);
    }

El resultado es esto:

introducir la descripción de la imagen aquí

Y finalmente el el codigo que me genera con el snippet:

jQ del ajax:

$(document).ready(function () {
    $.ajax({
        url: baseurl + 'Catalogo/obtener_categoria',
        type: "POST",
        dataType: "JSON",
        success: function (data)
        {
            $('#lista_categoria').empty();
            $('#lista_categoria').append(data);
        }
    });
//    obtener_productos(6);
});

Controlador:

public function obtener_categoria() {
        $niveles = $this->catalogo->obtener_categoria();
        $resp = '';
        foreach ($niveles as $row) {
            $resp .= '<li><a id="' . $row ['id_categoria'] . '" href="#" data-toggle="tab">' . $row ['nombre'] . ' (' . $row ['Total'] . ')</a></li>';
        }
        echo json_encode($resp);
    }

El resultado es esto:

introducir la descripción de la imagen aquí

Y finalmente el el codigo que me genera con el snippet:

se añadieron 67 caracteres en el cuerpo
Origen Enlace
Ivan More Flores
  • 1.6k
  • 4
  • 20
  • 45

Tengo una lista la cual quiero sacar el id de cada elemento a esta lista es llenada dinamicamente por ajax.

Utilizo jQuery 2.1.4 y ya lo e probado en Firefox y en Chrome

Este es mi codigo :

$(document).ready(function() {
 $("#lista_categoria > li").on('click', 'a', function () {
       var id_categoria = this.id;
        alert(id_categoria);
    });
    });
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<div class="box-body border-radius-none">
<div col-xs-12="">
<ul class="nav nav-pills nav-stacked" id="lista_categoria">
<li class=""><a id="16" href="#" data-toggle="tab" aria-expanded="false">ABARROTE (1)</a></li>
<li class=""><a id="1" href="#" data-toggle="tab" aria-expanded="false">ACEÍTES Y GRASAS (1)</a></li>
<li class=""><a id="7" href="#" data-toggle="tab" aria-expanded="false">CUIDADO PERSONAL (1)</a></li>
<li class=""><a id="6" href="#" data-toggle="tab" aria-expanded="false">HOGAR Y LIMPIEZA (3)</a></li>
<li class="active"><a id="12" href="#" data-toggle="tab" aria-expanded="true">LACTEO (3)</a></li></ul>
</div>
</div>

Como pueden ver aqui funciona con normalidad pero cuando lo ejecuto en mi pc me marca el siguiente error por llamarlo asi:

Cadena vacía pasada a getElementById().

introducir la descripción de la imagen aquí

Tengo una lista la cual quiero sacar el id de cada elemento a esta lista es llenada dinamicamente por ajax.

Este es mi codigo :

$(document).ready(function() {
 $("#lista_categoria > li").on('click', 'a', function () {
       var id_categoria = this.id;
        alert(id_categoria);
    });
    });
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<div class="box-body border-radius-none">
<div col-xs-12="">
<ul class="nav nav-pills nav-stacked" id="lista_categoria">
<li class=""><a id="16" href="#" data-toggle="tab" aria-expanded="false">ABARROTE (1)</a></li>
<li class=""><a id="1" href="#" data-toggle="tab" aria-expanded="false">ACEÍTES Y GRASAS (1)</a></li>
<li class=""><a id="7" href="#" data-toggle="tab" aria-expanded="false">CUIDADO PERSONAL (1)</a></li>
<li class=""><a id="6" href="#" data-toggle="tab" aria-expanded="false">HOGAR Y LIMPIEZA (3)</a></li>
<li class="active"><a id="12" href="#" data-toggle="tab" aria-expanded="true">LACTEO (3)</a></li></ul>
</div>
</div>

Como pueden ver aqui funciona con normalidad pero cuando lo ejecuto en mi pc me marca el siguiente error por llamarlo asi:

Cadena vacía pasada a getElementById().

introducir la descripción de la imagen aquí

Tengo una lista la cual quiero sacar el id de cada elemento a esta lista es llenada dinamicamente por ajax.

Utilizo jQuery 2.1.4 y ya lo e probado en Firefox y en Chrome

Este es mi codigo :

$(document).ready(function() {
 $("#lista_categoria > li").on('click', 'a', function () {
       var id_categoria = this.id;
        alert(id_categoria);
    });
    });
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<div class="box-body border-radius-none">
<div col-xs-12="">
<ul class="nav nav-pills nav-stacked" id="lista_categoria">
<li class=""><a id="16" href="#" data-toggle="tab" aria-expanded="false">ABARROTE (1)</a></li>
<li class=""><a id="1" href="#" data-toggle="tab" aria-expanded="false">ACEÍTES Y GRASAS (1)</a></li>
<li class=""><a id="7" href="#" data-toggle="tab" aria-expanded="false">CUIDADO PERSONAL (1)</a></li>
<li class=""><a id="6" href="#" data-toggle="tab" aria-expanded="false">HOGAR Y LIMPIEZA (3)</a></li>
<li class="active"><a id="12" href="#" data-toggle="tab" aria-expanded="true">LACTEO (3)</a></li></ul>
</div>
</div>

Como pueden ver aqui funciona con normalidad pero cuando lo ejecuto en mi pc me marca el siguiente error por llamarlo asi:

Cadena vacía pasada a getElementById().

introducir la descripción de la imagen aquí

Origen Enlace
Ivan More Flores
  • 1.6k
  • 4
  • 20
  • 45

Usar jQuery para 'hacer clic' en un elemento <li> / <ul>

Tengo una lista la cual quiero sacar el id de cada elemento a esta lista es llenada dinamicamente por ajax.

Este es mi codigo :

$(document).ready(function() {
 $("#lista_categoria > li").on('click', 'a', function () {
       var id_categoria = this.id;
        alert(id_categoria);
    });
    });
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<div class="box-body border-radius-none">
<div col-xs-12="">
<ul class="nav nav-pills nav-stacked" id="lista_categoria">
<li class=""><a id="16" href="#" data-toggle="tab" aria-expanded="false">ABARROTE (1)</a></li>
<li class=""><a id="1" href="#" data-toggle="tab" aria-expanded="false">ACEÍTES Y GRASAS (1)</a></li>
<li class=""><a id="7" href="#" data-toggle="tab" aria-expanded="false">CUIDADO PERSONAL (1)</a></li>
<li class=""><a id="6" href="#" data-toggle="tab" aria-expanded="false">HOGAR Y LIMPIEZA (3)</a></li>
<li class="active"><a id="12" href="#" data-toggle="tab" aria-expanded="true">LACTEO (3)</a></li></ul>
</div>
</div>

Como pueden ver aqui funciona con normalidad pero cuando lo ejecuto en mi pc me marca el siguiente error por llamarlo asi:

Cadena vacía pasada a getElementById().

introducir la descripción de la imagen aquí