Как удалить HTML IMG из таблицы с помощью JavaScript / JQuery

Question

У меня есть таблица, и я использую jquery, чтобы получить все ячейки из каждой строки. В некоторых из этих ячеек есть текст и изображение.

Я хочу взять ячейку td (я сделал это), а затем удалить изображение из этих ячеек в памяти (я не хочу удалять их из фактической таблицы).

чтобы моя клетка выглядела так

<td>hi their <img...... /> </td> Я хватаю это с помощью jquery и теперь возвращаю домен, я не знаю, как удалить тег изображения.

так я хочу

var hold = // something to remove the img

alert(hold) produced:  "hi their".

Редактировать

вот что у меня есть

<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 ....."/>

поэтому я попытался заменить и прочее, и ничего, что сработало.

Я хочу, чтобы в переменной header2 было просто "вот и есть iamge"

Answer 1

Обновлены ответы:

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

Непроверенные:

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

Альтернативный способ использования клонов:

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

Answer 2

Попробуйте это:

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

Это клонирует элемент DOM в памяти, который затем можно удалить из тегов img.