Agregue un td a la primera fila de un objeto de tabla con JQuery

Sé que esto debería ser muy fácil, pero aún no lo he descubierto. Me gustaría agregar un <td> a la primera fila de mi tabla. Intenté con esto:

$table.get('tr:first').append("<td>Well "+(wellN)+"</td>");

Pero no funcionó. También usé esto:

$($table +' tr:first').append("<td>Well "+(wellN)+"</td>");

Pero como esperaba, recibí el siguiente error:

Error de sintaxis no detectado, expresión no reconocida: [objeto Objeto]

Todo lo demás funciona bien con mi objeto de tabla.

preguntado el 08 de noviembre de 11 a las 19:11

Estas seguro de $table y wellN siendo lo que crees que deberían ser? -

solo una suposición, pero ¿has probado appendTo ()? -

intenta usar $table.find('tr:first').append("<td>Well "+wellN+"</td>"); `-

5 Respuestas

Aquí hay un ejemplo práctico en jsFiddle

HTML

<table>
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
    </tr>
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
    </tr>
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
    </tr>
</table>    
<a>click me</a>

JAVASCRIPT

$('a').click(function() {
    $('table').find('tr:first').append('<td>Works!</td>');
});

respondido 08 nov., 11:23

Quieres usar .find() as .get() solo toma enteros como parámetro:

De los documentos:

Un entero de base cero que indica qué elemento recuperar.

Así que cambia .get() para .find():

$table.find('tr:first').append("<td>Well "+(wellN)+"</td>");

Esto supone que $table es un objeto jQuery del elemento de la tabla que desea modificar. P.ej $table = $('table');

Aquí hay un jsfiddle de la solución anterior: http://jsfiddle.net/jasper/SRsnq/

respondido 08 nov., 11:23

intente lo siguiente:

$table.find('tr:first').append("<td>Well "+(wellN)+"</td>");

respondido 08 nov., 11:23

$.get() es un método AJAX, $(selector).get() no es: api.jquery.com/get - Jaspe

tratan

$table.find('tr').first().append('<td>:)</td>')

MÁS INFORMACIÓN

respondido 08 nov., 11:23

Algo como esto debería funcionar:

$("#mytable tr:first").append($("<td>").text("Foo"));

respondido 08 nov., 11:23

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.