tengo una tabla que se llena desde la base de datos con la siguiente funcion.
Código Javascript:
Ver original
$("#lista tbody").append("<tr>" + "<td>" + variable_js1+ "</td>" + "<td>" + variable_js2 + "</td>" + "<td> <img src='../imagenes/holi.jpg'>" + "</tr>");
ahora necesito buscar dentro de esta tabla por filtro para eso utilizo lo sgte.
Código Javascript:
Ver original
$("#lista tbody tr:has(td)").each(function () { var t = $(this).text().toLowerCase(); $("<td class='indexColumn'></td>") .hide().text(t).appendTo(this); }); //Agregar el comportamiento al texto (se selecciona por el ID) $("#texto").keyup(function () {//texto input qque recibe valores de busqueda var s = $(this).val().toLowerCase().split(" "); $("#listatbody tr:hidden").show(); $.each(s, function () { $("#lista tbody tr:visible .indexColumn:not(:contains('" + this + "'))").parent().hide(); }); });
Código Javascript:
solamente me funciona para los filas que ingreso directamente y no las que cargo dinamicamen desde la base de datos, a que se debe esto, de antemano muchas gracias por la ayuda. Ver original
<table id="lista" class="ui-widget ui-widget-content"> <thead> <tr class="ui-widget-header "> <th>titulo 1</th> <th>titulo 2</th> <th>titulo 3</th> </tr> </thead> <tbody> <tr> <td>no dinamico</td> <td>no dinamico</td> <td>no dinamico</td> </tr> </tbody> <tfoot> <tr> <td colspan="3"> contador o cualquier cosa en el foot que me tinque </td> </tr> </tfoot> </table>