Skip to main content
Se agrega snippet para mejorar la visualización.
Origen Enlace
DjCrazy
  • 7.1k
  • 3
  • 18
  • 42

Mejorando un poco la idea de Wanderson, lo más práctico es tener una función que se fije directamente donde está el botón y borre esa línea, de esa manera no necesitas ningún tipo de id

<tr>
  <td>Columna 1.1</td>
  <td>Columna 1.2</td>
  <td>Columna 1.3</td>
  <td>Columna 1.4</td>
  <td>Columna 1.5</td>
  <td>Columna 1.6</td>
  <td><input type="button" class="borrar" value="Eliminar" /></td>
</tr>

Javascript:

$(document).on('click', '.borrar', function(event) {
  event.preventDefault();
  $(this).closest('tr').remove();
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
  <tr>
    <td>Columna 1.1</td>
    <td>Columna 1.2</td>
    <td>Columna 1.3</td>
    <td>Columna 1.4</td>
    <td>Columna 1.5</td>
    <td>Columna 1.6</td>
    <td><input type="button" class="borrar" value="Eliminar" /></td>
  </tr>
<table>
$(document).on('click', '.borrar', function (event) {
    event.preventDefault();
    $(this).closest('tr').remove();
});
 

Acá el ejemplo funcionando: http://jsbin.com/xekofexonu/1/edit?html,js,output

Mejorando un poco la idea de Wanderson, lo más práctico es tener una función que se fije directamente donde está el botón y borre esa línea, de esa manera no necesitas ningún tipo de id

<tr>
  <td>Columna 1.1</td>
  <td>Columna 1.2</td>
  <td>Columna 1.3</td>
  <td>Columna 1.4</td>
  <td>Columna 1.5</td>
  <td>Columna 1.6</td>
  <td><input type="button" class="borrar" value="Eliminar" /></td>
</tr>

Javascript:

$(document).on('click', '.borrar', function (event) {
    event.preventDefault();
    $(this).closest('tr').remove();
});

Acá el ejemplo funcionando: http://jsbin.com/xekofexonu/1/edit?html,js,output

Mejorando un poco la idea de Wanderson, lo más práctico es tener una función que se fije directamente donde está el botón y borre esa línea, de esa manera no necesitas ningún tipo de id

$(document).on('click', '.borrar', function(event) {
  event.preventDefault();
  $(this).closest('tr').remove();
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
  <tr>
    <td>Columna 1.1</td>
    <td>Columna 1.2</td>
    <td>Columna 1.3</td>
    <td>Columna 1.4</td>
    <td>Columna 1.5</td>
    <td>Columna 1.6</td>
    <td><input type="button" class="borrar" value="Eliminar" /></td>
  </tr>
<table>
 

Acá el ejemplo funcionando: http://jsbin.com/xekofexonu/1/edit?html,js,output

Ortografía
Origen Enlace

Mejorando un poco la idea de Wanderson, lo mas practicomás práctico es tener un funcionuna función que se fije directamente donde estaestá el botonbotón y borre esa linealínea, de esa manera no necesitas ningunningún tipo de id

<tr>
  <td>Columna 1.1</td>
  <td>Columna 1.2</td>
  <td>Columna 1.3</td>
  <td>Columna 1.4</td>
  <td>Columna 1.5</td>
  <td>Columna 1.6</td>
  <td><input type="button" class="borrar" value="Eliminar" /></td>
</tr>

Javascript:

$(document).on('click', '.borrar', function (event) {
    event.preventDefault();
    $(this).closest('tr').remove();
});

AcaAcá el ejemplo funcionando: http://jsbin.com/xekofexonu/1/edit?html,js,output

Mejorando un poco la idea de Wanderson, lo mas practico es tener un funcion que se fije directamente donde esta el boton y borre esa linea, de esa manera no necesitas ningun tipo de id

<tr>
  <td>Columna 1.1</td>
  <td>Columna 1.2</td>
  <td>Columna 1.3</td>
  <td>Columna 1.4</td>
  <td>Columna 1.5</td>
  <td>Columna 1.6</td>
  <td><input type="button" class="borrar" value="Eliminar" /></td>
</tr>

Javascript:

$(document).on('click', '.borrar', function (event) {
    event.preventDefault();
    $(this).closest('tr').remove();
});

Aca el ejemplo funcionando: http://jsbin.com/xekofexonu/1/edit?html,js,output

Mejorando un poco la idea de Wanderson, lo más práctico es tener una función que se fije directamente donde está el botón y borre esa línea, de esa manera no necesitas ningún tipo de id

<tr>
  <td>Columna 1.1</td>
  <td>Columna 1.2</td>
  <td>Columna 1.3</td>
  <td>Columna 1.4</td>
  <td>Columna 1.5</td>
  <td>Columna 1.6</td>
  <td><input type="button" class="borrar" value="Eliminar" /></td>
</tr>

Javascript:

$(document).on('click', '.borrar', function (event) {
    event.preventDefault();
    $(this).closest('tr').remove();
});

Acá el ejemplo funcionando: http://jsbin.com/xekofexonu/1/edit?html,js,output

Origen Enlace

Mejorando un poco la idea de Wanderson, lo mas practico es tener un funcion que se fije directamente donde esta el boton y borre esa linea, de esa manera no necesitas ningun tipo de id

<tr>
  <td>Columna 1.1</td>
  <td>Columna 1.2</td>
  <td>Columna 1.3</td>
  <td>Columna 1.4</td>
  <td>Columna 1.5</td>
  <td>Columna 1.6</td>
  <td><input type="button" class="borrar" value="Eliminar" /></td>
</tr>

Javascript:

$(document).on('click', '.borrar', function (event) {
    event.preventDefault();
    $(this).closest('tr').remove();
});

Aca el ejemplo funcionando: http://jsbin.com/xekofexonu/1/edit?html,js,output