Как распечатать div, исключая изображение с помощью jquery

Question

У меня есть div с классом .coupon и внутри - информация о купоне вместе с изображением. Мне нужно выяснить, как распечатать это без изображения с помощью jquery. Прямо сейчас у меня есть javascript, который печатает всю вещь, и я не хочу этого.

Answer 1

Вы можете дать вашему образу класс и удалить его с помощью JQuery. Например:

HTML:

<div id="coupon"> 
<p>some text here</p> 
<img class="hello" src="http://www.lumixgexperience.panasonic.co.uk/wp-content/uploads/gallery/AdamTrevor/Flower_HDR.jpg" /> 

JQuery:

$(document).ready(function(){ 
    $(".hello").remove(); 
}); 

Демонстрация здесь: http://jsfiddle.net/sTeEH/

Answer 2

Предполагая, что HTML похож на это:

<div class="coupon"> 
    Some copy. 
    <img src="http://placehold.it/100x100" alt="" /> 
</div> 

Вы можете клонировать объект и удалить изображение:

$('.coupon').clone().find('img').remove(); 

Может переместить его закадровый, чтобы скрыть его и дать ему идентификатор для печати:

.offscreen {position: absolute; left: -999em;} 

$('.coupon').clone().attr('id', 'myId').addClass('offscreen') 
    .find('img').remove();