Foros del Web » Programando para Internet » Jquery »

DataTables Jquery como obtener etiqueta

Estas en el tema de DataTables Jquery como obtener etiqueta en el foro de Jquery en Foros del Web. Hola, Mi problema radica en que quiero tomar contenido de las etiquetas <td></td> generadas por DataTables con una función de Javascript (esta función toma el ...
  #1 (permalink)  
Antiguo 07/11/2014, 13:19
Avatar de asassa  
Fecha de Ingreso: julio-2008
Ubicación: En el DF ectuoso
Mensajes: 240
Antigüedad: 11 años, 3 meses
Puntos: 0
Pregunta DataTables Jquery como obtener etiqueta

Hola, Mi problema radica en que quiero tomar contenido de las etiquetas <td></td> generadas por DataTables con una función de Javascript (esta función toma el valor del la etiqueta td y la envia a un input ), pero no he tenido exito.
He leido que tienq ue ver por que las etiquetas se generan dinamicamente. pero no he encontrado como lograrlo de manera adecuada. este es el código que estoy manejando.

Código PHP:
</head>
<
body>
<
div class="container">
  <
div class="header"><a href="#"><img src="" alt="Insertar logotipo aquí" name="Insert_logo" width="180" height="90" id="Insert_logo" style="background-color: #C6D580; display:block;" /></a
    <!-- 
end .header --></div>
  <
div class="sidebar1">
    <
ul class="nav">
                    <
li>

 <
p>
<
section>
        <
table id="busqueda1">
            <
thead>
                <
tr>
                    <
th>nombre</th>
 <
script>
[].forEach.
call(document.getElementsByTagName("tr"), function(element){
    
element.addEventListener("click",function(){
        
document.getElementById("busqueda1").value this.innerHTML;
    });
});
</script>
                </tr>
            </thead>
        </table>
   

    </section>  
               
         </li>
           <li>
            este es oatra recuadro
           </li>          
    </ul>
    <p>
</p>
    <!-- end .sidebar1 --></div>
  <div class="content">

    <h1>Instrucciones</h1>
    <meta charset="UTF-8">
    <title></title>
    
</head>
<body>
    
        <section>
<table id="busqueda2">
    <thead>
        <tr>
        <th>Id</th>
        </tr>
    </thead>
</table>
    
</body>
</html> 
y esta es la funcion js que genera el contenido
Código PHP:
$(document).ready(function() {
    $.
ajax({
            
url'./include/process.php',
            
type'post',
            
data: { tag'getData'},
            
dataType'json',
            
success: function (data) {
                if (
data.success) {
                    $.
each(data, function (indexrecord) {
                        if ($.
isNumeric(index)) { 
                            var 
row = $("<tr />");
                            $(
"<td/>").text(record.Id).appendTo(row);
                            
row.appendTo("#busqueda1");
                        }
                    })
                }
                $(
'#busqueda1').dataTable({
                    
"bJQueryUI"true,
                    
"sPaginationType""full_numbers"
                
})
            }
        });
}) 
Como serultado del datatable me sale esto
Código PHP:
<table aria-describedby="busqueda1_info" class="dataTable" id="busqueda1">
  <
thead>
    <
tr role="row">
      <
th aria-label="nombre: activate to sort column descending" aria-sort="ascending"
      
style="width: 151px;" colspan="1" rowspan="1" aria-controls="busqueda1" tabindex="0"
      
role="columnheader" class="ui-state-default">
        <
div class="DataTables_sort_wrapper">
          
nombre
          
<span class="DataTables_sort_icon css_right ui-icon ui-icon-triangle-1-n">
          </
span>
        </
div>
      </
th>
    </
tr>
  </
thead>
  <
tbody aria-relevant="all" aria-live="polite" role="alert">
    <
tr class="odd">
      <
td class="  sorting_1">
        
ROBERTO
      
</td>
    </
tr>
    <
tr class="even">
      <
td class="  sorting_1">
        
CARLOS
      
</td>
    </
tr>
    <
tr class="odd">
      <
td class="  sorting_1">
        
JUAN
      
</td>
    </
tr>
    <
tr class="even">
      <
td class="  sorting_1">
        
CVE_T_POBLACION
      
</td>
    </
tr>
    <
tr class="odd">
      <
td class="  sorting_1">
        
LUCAS
      
</td>
    </
tr>
    <
tr class="even">
      <
td class="  sorting_1">
        
SIT_BANCO
      
</td>
    </
tr>
    <
tr class="odd">
      <
td class="  sorting_1">
        
ASBERTO
      
</td>
    </
tr>
    <
tr class="even">
      <
td class="  sorting_1">
        
RODRIGO
      
</td>
    </
tr>
    <
tr class="odd">
      <
td class="  sorting_1">
        
PONCHO
      
</td>
    </
tr>
  </
tbody>
</
table

Lo que necesito es que la contenido de las etiquetas td (LOS NOMBRES)puedan ser enviadas al input que necesite.

Última edición por asassa; 07/11/2014 a las 15:32 Razón: COMPLEMENTAR CONTENIDO DE PREGUNTA
  #2 (permalink)  
Antiguo 07/11/2014, 18:22
Avatar de asassa  
Fecha de Ingreso: julio-2008
Ubicación: En el DF ectuoso
Mensajes: 240
Antigüedad: 11 años, 3 meses
Puntos: 0
Respuesta: DataTables Jquery como obtener etiqueta

ahi ta tu solución ahijado


$('#busqueda1').on("click", 'td', function(element) {
document.getElementById("busqueda2").value = this.innerHTML;
});

Etiquetas: ajax, datatables, etiqueta, funcion, html, input, javascript, js, php, valor
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta

SíEste tema le ha gustado a 3 personas




La zona horaria es GMT -6. Ahora son las 15:43.