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

时间:2013-09-11 03:09:02

标签: javascript jquery iframe css-selectors

基本上我需要抓住父元素的第一个子元素,通常但不限于<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。 非常感谢一些指导

1 个答案:

答案 0 :(得分:2)

你需要找到第一个孩子

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

假设您使用的是正确的父选择器 - 上面的代码假定父元素的标识为parent,如

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