Wie überprüft man, ob das letzte Kind in einem div <img> mit jquery ist?

Question

Angenommen, ich habe ein div, das dynamisch von Eingaben gefüllt wird, die vom Benutzer eingegeben wurden. Wie überprüfen Sie, ob das letzte Kind in einem div ein <img> ist. Der HTML-Code unten gibt eine Vorstellung von dem, was ich erreichen möchte.

<div> 
    <p>Some text</p> 
    <p>Some text</p> 
    <p>Some text</p> 
    <!-- Check if this is img element --> 
    <img src='example.jpg' > 
</div> 

Answer 1

Um das letzte Kind eines Elements Sie How to select last child element in jQuery? verwenden zu erhalten:

$('div').children().last() 

Um zu testen, ob ein Element ein img Sie .is('img') verwenden ist.

Dann kombinieren Sie sie zu $('div').children().last().is('img')

Oder Sie parent > child Wähler in Kombination mit :last-child

$("div > img:last-child").length > 0 

Answer 2

<div id="myKey"> 
    <p>Some text</p> 
    <p>Some text</p> 
    <p>Some text</p> 
    <img src='example.jpg' > /* Check if this is img element*/ 
</div> 

und Code verwenden können:

var lastChild = jQuery("#myKey").children().last(); 
var isImg = lastChild.is("img"); //true or false 

Answer 3

Sie können :last-child Selektor und erhalten length o f Selektor oder verwenden .is() Verfahren wie unten Code

if ($("div > img:last-child").length > 0) 
// Or 
if ($("div > img").is(":last-child")) 

if ($("div img").is(":last-child")) 
 
    console.log("last child is img");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div> 
 
    <p>Some text</p> 
 
    <p>Some text</p> 
 
    <p>Some text</p> 
 
    <img src='example.jpg' > 
 
</div>

Answer 4

Diese den Trick tun sollten:

$("div img:last-child") 

Answer 5

var last = $('div').children().last(); 
 
if (last.is("img")) { 
 
    alert("image"); 
 
}

<div> 
 
    <p>Some text</p> 
 
    <p>Some text</p> 
 
    <p>Some text</p> 
 
    <img src='example.jpg' > /* Check if this is img element*/ 
 
</div>