comment supprimer un img html à partir d'une table avec javascript / jquery

Question

comment supprimer un img html à partir d'une table avec javascript / jquery

voix

0

J'ai une table et j'utilise jquery pour obtenir toutes les cellules de chaque ligne. Certaines de ces cellules ont le texte et une image en eux.

Je veux saisir la cellule td (je l'ai fait) puis retirer l'image de ces cellules dans la mémoire (je ne veux pas les retirer de la table réelle).

donc ma cellule ressemblerait à ceci

<td>hi their <img...... /> </td> Je prends cela avec jquery et je reçois le Royaume en arrière maintenant, je ne sais pas comment supprimer la balise d'image.

donc je veux

var hold = // something to remove the img

alert(hold) produced:  hi their.

modifier

voici ce que j'ai

<table id=tbl>
  <thead>
  <th> checkbox </th>
  <th>header 1 </th>
    <th>header 2 </th>
    </thead>
  <tfoot>
  </tfoot>
  <tbody>
    <tr>
      <td>checkbox </td>
      <td>hi there woot</td>
      <td>still no image </td>
    </tr>
    <tr>
      <td>checkbox </td>
      <td>a image is coming </td>
      <td> here is the image <img alt= src= class=imgClass </td>
    </tr>
  </tbody>
</table>



var rowCells = $('#tbl :checked').parents('tr td');

var header2 = $(rowCells[2]).html() // grabs still no image and here is the image <img ...../>

alors j'ai essayé comme remplacer et d'autres choses et nothihg comme travaillé.

Je veux la variable header2 d'avoir juste « voici le iamge »

jquery

Créé 27/08/2009 à 05:58
source utilisateur chobo2

Dans d'autres langues...

2 réponses

voix

0

Essaye ça:

var tdContent = $('td').clone();
tdContent.children('img').remove();
alert(tdContent.html());

Cela cloner l'élément DOM dans la mémoire que vous pouvez ensuite dépouiller de imgtags.

Créé 27/08/2009 à 06:02
source utilisateur RaYell

meder omuraliev · Accepted Answer · 2009-08-27 06:01

voix

1

L'auteur de la question a pris cette réponse comme la meilleure.

réponses Mise à jour:

var header2 = $(rowCells[2]).html().replace(/<img[^>]+>/g, '');
var header2 = $(rowCells[2]).html().find('img').remove()

Non testé:

var hold = $('td:first').html().replace(/<img[^>]+>/g, '');
alert( hold );

Une manière alternative utilisant des clones:

var hold = $('td:first').clone().find('img').remove().end()

Créé 27/08/2009 à 06:01
source utilisateur meder omuraliev