JavaScript veya jQuery kullanarak içeriği otomatik olarak nasıl silebilirsiniz

Question

Benim htmlimde bir img etiketiyle birlikte eklenmiş bir resim var. Sınıf "görüntü" ile bir divun içinde. İçinde bu div "başlık" sınıfı ile başka bir div. Bu "başlık" div bir paragraf içeriyor.

"Caption" div dosyasındaki paragrafı nasıl silebilirim ve "caption" div'ini javascript veya jQuery kullanarak silebilirim?

Ayrıca

/* Script to delete the paragraph and caption div. */ 
 

 
$(".image img").each(function() { 
 
    var $this = $(this), 
 
     getClass = $this.attr('img') 
 
    splitClass = $this.prop('id').split("-") 
 
    if (splitClass[1] <= 20) { 
 
     $this.attr("src", "http://lorempicsum.com/futurama/350/200/1"); 
 

 
    } else if (splitClass[1] >= 40) { 
 
     $this.attr("src", "http://www.top13.net/wp-content/uploads/2014/11/4-small-flowers.jpg"); 
 

 
    } else { 
 
     $this.attr("src", "http://www.top13.net/wp-content/uploads/2014/11/4-small-flowers.jpg"); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<div class="image"> 
 
\t <img id="img-1" src="http://www.top13.net/wp-content/uploads/2014/11/4-small-flowers.jpg" /> 
 
\t <div class="caption"> 
 
\t \t <p>DELETE THIS TEXT!</p> 
 
\t </div> 
 
</div> 
 

 
<div class="image"> 
 
\t <img id="img-2" src="http://www.top13.net/wp-content/uploads/2014/11/4-small-flowers.jpg" /> 
 
\t <div class="caption"> 
 
\t \t <p>DELETE THIS TEXT!</p> 
 
\t </div> 
 
</div>

, nasıl jQuery çevrimdışı kullanabilirsiniz ? İndirmem gerekiyor mu? Bunu nasıl yaparım?
Teşekkür ederiz.

Answer 1

$(".image img").each(function() { 

    var $this = $(this), 
     getClass = $this.attr('img'); 
    this.nextElementSibling.remove(); 
    splitClass = $this.prop('id').split("-") 
    if (splitClass[1] <= 20) { 
     $this.attr("src", "http://lorempicsum.com/futurama/350/200/1"); 

    } else if (splitClass[1] >= 40) { 
     $this.attr("src", "http://www.top13.net/wp-content/uploads/2014/11/4-small-flowers.jpg"); 

    } else { 
     $this.attr("src", "http://www.top13.net/wp-content/uploads/2014/11/4-small-flowers.jpg"); 
    } 
}); 

Answer 2

Bu, .caption sınıfındaki öğelerin içinde p olan tüm öğeleri silecektir.

$(".caption p").remove(); 

https://jsfiddle.net/wsv389td/

JQuery dosyaları veya dk dosyaları, buradan alarak çevrimdışı kullanılabilir: bunu sana kullanarak HTML dosyası ile aynı dizinde dosyayı depolandığı takdirde https://jquery.com/download/

<script src="<name-of-jquery>.js"></script>

koyardı sizinle aynı dizinde bir JS klasöründe olsaydı r HTML (çok yaygın) sen koyardı:

<script src="js/<name-of-jquery>.js"></script>

Ya bunlardan birini size