Editar columna tabla jQuery

publicado por: Anonymous
<table id="tabla1">
 <thead>
    <tr>
        <th>Fruta</th>
        <th>Cantidad</th>
        <th>Color</th><!-- necesito editar esta columna-->
    </tr>
 </thead>
<tbody>
    <tr id="1">
        <td>Manzana</td>
        <td>1</td>
        <td>roja</td>
    </tr>

    <tr id="2">
        <td>Frutilla</td>
        <td>3</td>
        <td>Roja</td>
    </tr>

    <tr id="3">
        <td>Pera</td>
        <td>3</td>
        <td>verde</td>
    </tr>


</tbody>
</table>

Esta es mi tabla necesito editar la columna “Color” pero solo los que tengan los id de mi array:

var id_tr = [1, 2];

Y necesito remplazar por verde.

quedaria algo como esto:

<tr id="1">
        <td>Manzana</td>
        <td>1</td>
        <td>verde</td><!-- remplazo por verde-->
    </tr>

    <tr id="2">
        <td>Frutilla</td>
        <td>3</td>
        <td>verde</td><!-- remplazo por verde-->
    </tr>

Muchas gracias !

solución

Recorres todas las filas de tu tabla:

_x000D_

_x000D_

var id_tr = [1,2];_x000D_
$("#tabla1").find("tbody").find("tr").each(function(){ //Recorres las filas_x000D_
     if($.inArray(parseInt($(this).attr("id")), id_tr) > -1){ //Validas que el id de la fila en curso esté en tu arreglo_x000D_
          $(this).find("td:eq(2)").html("verde"); //Si sí está entonces buscas la tercera columna que es la de colores y cambias el texto a "verde"_x000D_
     }_x000D_
});

_x000D_

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>_x000D_
<table id="tabla1">_x000D_
 <thead>_x000D_
    <tr>_x000D_
        <th>Fruta</th>_x000D_
        <th>Cantidad</th>_x000D_
        <th>Color</th><!-- necesito editar esta columna-->_x000D_
    </tr>_x000D_
 </thead>_x000D_
<tbody>_x000D_
    <tr id="1">_x000D_
        <td>Manzana</td>_x000D_
        <td>1</td>_x000D_
        <td>roja</td>_x000D_
    </tr>_x000D_
_x000D_
    <tr id="2">_x000D_
        <td>Frutilla</td>_x000D_
        <td>3</td>_x000D_
        <td>Roja</td>_x000D_
    </tr>_x000D_
_x000D_
    <tr id="3">_x000D_
        <td>Pera</td>_x000D_
        <td>3</td>_x000D_
        <td>verde</td>_x000D_
    </tr>_x000D_
_x000D_
_x000D_
</tbody>_x000D_
</table>

_x000D_

_x000D_

_x000D_

Respondido por: Anonymous

Leave a Reply

Your email address will not be published. Required fields are marked *