Tengo el siguiente codigo para capturar el evento click de una celda en una tabla con jquery:
$("#fields :tr > td").click(function(){
str = '<tr><td>' + $(this).text() + '</td>'+
'<td><select id="oper" name="oper">'+
'<OPTION VALUE="--">--</OPTION>'+
'<OPTION VALUE="equal">=</OPTION>'+
'<OPTION VALUE="like">LIKE</OPTION>'+
'<OPTION VALUE="lt"><</OPTION>'+
'<OPTION VALUE="gt">></OPTION>'+
'<OPTION VALUE="diferent">!=</OPTION>'+
'</SELECT> </td>'+
'<td><input id="'+ $(this).text() +'" name="'+ $(this).text() +'" type="text" ></td>'+
'<td>ICON-REMOVE</td>'+
'</tr>';
alert($(this).text());
//$('#filter tr:last').after();
$("#filters > table").append(str);
//alert($(this).text());
});
el cual funciona correctamente cuando las filas de la tabla son generadas al cargar la tabla. El problema surge al realizar un filtro sobre los elementos que me cambia el numero de filas de la tabla segun el texto que vaya ingresando en un input text ( el codigo para esto es el siguiente):
$("#search_input").keyup(function(){
var patt = new RegExp(String($("#search_input").attr("value")),'i ');
//str_out = '<table id="fields">';
str_out = '';
for(i=0; i < fields_list.length; i++)
{
if (patt.test(fields_list[i][0]))
{
//alert($("#search_input").attr("value"));
str_out = str_out + '<tr><td onClick="click_td();">' + fields_list[i][0] + '</td></tr>';
}
}
//str_out = str_out + '</table>';
$("#Contenedor > #fields").html(str_out);
});
una vez los elementos de la tabla cambian por el filtro el ya no me es posible capturar el evento click sobre las filas de la tabla, cabe aclarar que no se genera ningun error en la consola de errores de firebug.
Agradezco de antemano la ayuda que me puedan brindar.