Jquery的eq(0),“.first-child”,first()如果它是一个iframe,则不会抓住第一个孩子

Jquery's eq(0), "..first-child", first() not grabbing first child if its an iframe

本文关键字:iframe 一个 孩子 第一个 eq first-child Jquery 如果 first      更新时间:2023-09-26

基本上我需要抓取父元素的第一个子元素,通常但不限于<iframe>

<div> 
    <iframe src="www.asource.com">GRAB THIS AFTER A BUTTON IS CLICKED</iframe>
</div>

我尝试了以下方法

   $("#parent").eq(0).prop("tagName");
    $("#parent").first().prop("tagName");
    $("#parent:first").prop("tagName");
    $("#parent:nth-child(1)").prop("tagName");
    $("#parent:lt(1)").prop("tagName");

当我提醒它们时,所有这些都会返回一个"div"。我获得道具名称的原因是因为我想使用 find() 来获取元素。

 $("parent").find(ONE OF THE PROP CALLS ABOVE).animate({.....

因为当我这样做时:

 $("parent").find('**iframe**').animate({.....

这是我唯一可以抓取并正确制作 iframe 动画的场景。但是,由于我们不知道第一个孩子是否是iframe,因此我使用.prop()获取第一个元素标签名称并找到它。(请注意,我直接用 .animate(...) 而不是 .prop(...) 尝试了上述所有尝试,但这也没有抓住 iframe。真的很感激一些指导

你需要找到第一个孩子,所以

$("#parent").children().first().prop("tagName");
$("#parent > :first-child").prop("tagName");
$("#parent > :eq(0)").prop("tagName");

假设您使用的是正确的父选择器 - 上面的代码假设父元素具有 id parent如下

<div id="parent"> 
    <iframe src="www.asource.com">GRAB THIS AFTER A BUTTON IS CLICKED</iframe>
</div>