Question

我正在制作一张桌子，每当我生成按钮时，我都希望这样做＆＃34; hola＆＃34;，当我点击它时，它会将颜色设置为下一个顶部单元格。我试过了，但我不知道怎么做：/

这是我的代码：

<table id = 'tbl'>
<tbody>
<tr>
    <td>Color Rojo!</td>
    <td>Color Azul!</td>
    <td>Color Verde!</td>
    </tr>
    <tr>
        <td>Color Rojo!</td>
        <td>Color Azul!</td>
        <td>Color Verde!</td>
    </tr>
    <tr>
        <td>Color Rojo!</td>
        <td>Color Azul!</td>
      <td>Color Verde!</td>
    </tr>
      <tr>
        <td><button id = "rojo">Rojo</button></td>
        <td><button id = "azul">Azul</button></td>
        <td><button id = "verde">Verde</button></td>
      </tr> 
    </tbody>
    </table>
    <button id = "tabla">Tabla</button>

$("#tabla").click(function(){
    $("tr").append("<td>Columna Nueva</td>");
    var linea = $('tr:first').html();
    $('#rojo').parent().parent().before('<tr>'+linea+'</tr>');

    $('tr').last().find("td").last().html('<button>hola</button>');
  });

提前谢谢！

Answer 1

这是你要找的那个：

$("#tabla").click(function(){
    $("tr").append("<td>Columna Nueva</td>");
    var linea = $('tr:first').html();
    $('#rojo').parent().parent().before('<tr>'+linea+'</tr>');
    $('tr').last().find("td").last().html('<button class=holaBtn>hola</button>');
  });

$("#tbl").on('click','.holaBtn',function(){
 $(this).parent().parent().prev().find("td").last().css("background","red");
});

<强> DEMO

Jquery改变表格单元格颜色

1 个答案: