Question

假设我有一个由用户输入的输入动态填充的div。如何检查div中的最后一个孩子是否为<img>。下面的html代码给出了我想要实现的目标。

<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

要获取元素的最后一个子元素，请使用How to select last child element in jQuery?：

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

要测试元素是否为img，请使用.is('img')。

然后将它们合并到$('div').children().last().is('img')

或者您可以将parent > child选择器与: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>

和代码：

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

Answer 3

您可以使用:last-child选择器并获取选择器length或使用底部代码等.is()方法

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

＆＃13;

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

＆＃13;

<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>

＆＃13;

Answer 4

这应该可以解决问题：

struct

Answer 5

＆＃13;

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

＆＃13;

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

＆＃13;

如何使用jquery检查div中的最后一个子节点是否为<img/>？

5 个答案: