none
crear td con el mismo id del th, Ocultar th con sus td (HTML - JQuery) RRS feed

  • Pregunta

  • Tengo una tabla con sus th con id y después le agrego los datos con td

    <table id="tblCustomers">
        <thead>
            <tr>
                <th id="Persona" style="width:120px">Tipo Persona</th>
                <th id="datos" style="width:120px">Datos</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td></td>
                <td></td>
            </tr>
        </tbody>
    </table>
    
        var tBody = $("#tblCustomers > TBODY")[0];
        var row = tBody.insertRow(-1);
    
        var cell = $(row.insertCell(-1));
        cell.addClass("Mayus");
        cell.html($('#TipoPersona  :selected').text());


    Tengo dos preguntas. (1): como hago para agregar el td con el mismo ID del th
    (2): Como hago para ocultar y mostrar el td con sus correspondientes th

    lunes, 22 de junio de 2020 8:15

Respuestas

  • Tengo dos preguntas. (1): como hago para agregar el td con el mismo ID del th

    Te contesto al número (1): No, no lo hagas. Los ID en una página html deben ser siempre todos distintos. No agregues un TD con el mismo ID del TH; te dará toda clase de problemas. Asegúrate de que a cada TD le asignas un ID que sea siempre diferente. Por ejemplo, agrégale un número al final e incrementa el número por cada fila, o algo así. O sencillamente no le asignes ningún ID, si no necesitas acceder a una celda concreta usando su ID. Pero nunca asignes ID iguales. El html en sí mismo no dará ningún error, pero cuando intentes manipular elementos por su ID usando javascript te dará muchos problemas si hay ID repetidos.

    Si lo necesitas para ocultar esa columna, ponle un class en lugar del id. El class sí que puede estar repetido, y entonces puedes decirle que oculte todos los elementos que tengan ese class (buscándolo con $('.NombreDelClass') desde jQuery).

    • Marcado como respuesta Raficoma jueves, 25 de junio de 2020 21:48
    lunes, 22 de junio de 2020 16:24

Todas las respuestas

  • Tengo dos preguntas. (1): como hago para agregar el td con el mismo ID del th

    Te contesto al número (1): No, no lo hagas. Los ID en una página html deben ser siempre todos distintos. No agregues un TD con el mismo ID del TH; te dará toda clase de problemas. Asegúrate de que a cada TD le asignas un ID que sea siempre diferente. Por ejemplo, agrégale un número al final e incrementa el número por cada fila, o algo así. O sencillamente no le asignes ningún ID, si no necesitas acceder a una celda concreta usando su ID. Pero nunca asignes ID iguales. El html en sí mismo no dará ningún error, pero cuando intentes manipular elementos por su ID usando javascript te dará muchos problemas si hay ID repetidos.

    Si lo necesitas para ocultar esa columna, ponle un class en lugar del id. El class sí que puede estar repetido, y entonces puedes decirle que oculte todos los elementos que tengan ese class (buscándolo con $('.NombreDelClass') desde jQuery).

    • Marcado como respuesta Raficoma jueves, 25 de junio de 2020 21:48
    lunes, 22 de junio de 2020 16:24
  • Hola,

     

    gracias por confirmar que encontraste una respuesta a tu pregunta.

     

    Saludos cordiales

     

    Gabriel Castro

    jueves, 16 de julio de 2020 1:54